クライアントサイドのJS前処理を伴うアップロードはChrome系ブラウザで失敗する

バグ
1

Chrome ベースのブラウザ（Chrome、Cromite、Brave）を使用している際に、Discourse フォーラムの投稿に「大きい」（1MB を超えるサイズであれば何でも）サイズの画像を添付しようとすると、アップロードが失敗します。Firefox では正常に動作します。

アップロードは開始されたように見え、ステータスメッセージは「アップロードを処理中」で停止しますが、アップロードは開始されず（進捗なし）、永遠にその状態のままです。場合によっては、アップロードが開始されることすらなく、アップロードが試みられなかったかのようにインターフェースが編集インターフェースに戻ります。

OS: Pixel 9 Pro with GrapheneOS (Android 15)。Adaway（ホストベースの広告ブロック）を VPN モードで使用していますが、違いはないようです（Firefox はこれがアクティブかどうかにかかわらず動作しますが、Chrome ベースのブラウザはどちらの場合も失敗します）。また、テストできたすべてのアップリンク（すべての WiFi と 2 つの異なるモバイルデータプロバイダー）でも発生します。

クライアント側のプリプロセスである media-optimization-worker.js JavaScript がロードされていないことに原因があるようです。

image
image2394×1136 444 KB

fetch リクエストは不明な理由でキャンセルされています。小さい画像の場合、すでに十分小さいためこの media-optimization-worker が使用されず、すべて期待どおりに動作します。モバイル Firefox ではすべての場合で動作します（ただし、モバイル Firefox では Discourse UI は依然として非常に問題があります）。

ブラウザのリポジトリにもバグを記録しました: Uploads in Discourse involving client-side JS preprocessing do not start/work · Issue #1679 · uazo/cromite · GitHub 。

try.discourse.org でも試しましたが、そこでも発生します。何かヒントがあれば幸いです。

2

nginxでも変更を行いましたか？

3

クライアントとしてこれを体験していますが、自分でDiscourseを運用しているわけではありません。しかし、ユーザーとして使用しているDiscourseインスタンス（horlogeforum.nl、プロのDiscourseホスティングパートナーが運営）とtry.discourse.orgの両方で発生するため、これらの設定は適切に行われていると想定されます。

また、Firefoxでは発生しないため、変更が原因であればすべて失敗すると予想されます…

デバッグログから判断すると、問題はmedia-optimization-worker.js JavaScript自体がロードに失敗していることであり、UIは実際のアップロードを試みることさえしていません。

4

その場合は、特定のフォーラム管理者に連絡する必要があります。バックエンドが大きなファイルサイズに対応するように設定する必要があるためです。これにより、問題を特定するのに役立ちます（問題ではないとは言っていません）。

5

これも try.discourse.org で発生しています。

大きなアップロードがクライアントでリサイズされているという事実自体は問題ではありません。Firefox では問題なく動作するためです。リサイズを行っている JavaScript が、Chrome ベースのブラウザでは読み込みに失敗します。

「いいね！」 1
6

ああ、わかりました、すみません。

7

リクエストがこれほど早く「キャンセル」される最も一般的な理由は、ブラウザ拡張機能（広告ブロッカーなど）です。そのようなものが有効になっていないか確認していただけますか？また、シークレットモードでも同じ問題が発生するか確認してください。

ちなみに、Chromeで大きな画像を問題なくアップロードできます。media-optimization-worker.js ファイルは正常に読み込まれます。

「いいね！」 3
8

私もそれが最初の考えでした。私のメインブラウザはCromiteで、確かに多くの広告ブロックやトラッキング防止機能が組み込まれています。しかし、標準の変更されていないGoogle Play Chromeでも同様の問題が発生します。電話にはAdAwayも入れていますが、それが有効になっているかどうかにかかわらず、問題は継続します。

試していませんでした。テストして報告します。

明確にするために、それはAndroidのChromeを使用しているということですか？もしそうなら、Androidのどのバージョンですか？デスクトップのChromeでも問題なく動作します。Firefoxでもどこでも正常に読み込まれます。

「いいね！」 1
9

Chrome 132.0.6834.79 を Android 14 で使用していますが、try.discourse.org に 4.3MB の画像を 1 つまたは複数アップロードする際に問題はありません。

「いいね！」 2