Torブラウザはローカル最適化により画像を破損させます

RGJ · 2022 年 2 月 17 日午後 12:25

Windows Torブラウザを使用して画像をアップロードすると、JPGのアップロードが破損します。

composer media optimization image bytes optimization threshold を非常に高い値に設定すると、この問題は回避されます。これはTorブラウザの問題である可能性が非常に高いですが、今のところDiscourseでのみ発生しているようです。そのため、回避策のヒントを共有するためだけでも、ここに投稿することにしました。

Falco · 2022 年 2 月 17 日午後 1:25

テスト中にTorブラウザがこの呼び出しをブロックしました。

github.com/discourse/discourse

app/assets/javascripts/discourse/app/lib/media-optimization-utils.js

1c73b97d5


      
            const canvas = document.createElement("canvas");
            canvas.width = width;
            canvas.height = height;
          
            // Draw image onto canvas
            const ctx = canvas.getContext("2d");
            if (!ctx) {
              throw "Could not create canvas context";
            }
            ctx.drawImage(drawable, sx, sy, sw, sh, 0, 0, width, height);
            const imageData = ctx.getImageData(0, 0, width, height);
            canvas.remove();
            return imageData;
          }
          
          function isTransparent(type, imageData) {
            if (!/(\.|\/)(png|webp)$/i.test(type)) {
              return false;
            }
          
            for (let i = 0; i < imageData.data.length; i += 4) {

メッセージは以下の通りです。

ユーザー入力が検出されなかったため、キャンバスデータの抽出をhttps://try.discourse.org/からブロックしました。

これは明らかに嘘です。ファイルピッカーはユーザー入力だからです。

これは、当社のフェイルセーフメカニズムによって検出されました。

リサイズ失敗：リサイズ中に画像が破損しました。エンコードのために元に戻ります。

これにより、Discourseはファイルを再エンコードするだけで、成功したように見えますが、マルチパートアップロードを完了する際に422エラーで失敗します…

Torブラウザは、戻り値をサイレントに破損させるのではなく、キャンバス作成APIをブロックすべきです

いずれにせよ、ユーザーはabout:configでprivacy.resistFingerprinting.autoDeclineNoUserInputCanvasPromptsを切り替えることで、キャンバス操作のサイレントな失敗を無効にできるようです。これにより、ユーザーはこのプロンプトを確認できるようになります。

テストしたところ、これでアップロードが修正されました。

RGJ · 2022 年 2 月 17 日午後 3:51

素晴らしい。@falcoさん、ありがとうございます!!!

Decorbuz · 2022 年 2 月 17 日午後 4:25

私の経験では、一部のファビコン（JPGファイルとしてアップロードされたものと思われる）でも同様の問題が発生します。privacy.resistFingerprinting.autoDeclineNoUserInputCanvasPrompts を切り替えることで、この問題も解決しますか？

トピック		返信	表示
How to disable use of HTML5 canvas image data? Support	9	2370	2021 年 11 月 17 日
Client side image optimization enabled by default Announcements	4	1597	2023 年 9 月 4 日
Testing composer image optimization Feature	33	4386	2021 年 9 月 28 日
Image upload stuck with "Processing" message Support	11	1703	2021 年 11 月 14 日
Faster (and smaller) uploads in Discourse with Rust, WebAssembly and MozJPEG \| Blog Blog	36	4889	2025 年 5 月 13 日

Torブラウザはローカル最適化により画像を破損させます

関連トピック