로컬 최적화로 인해 Tor 브라우저가 이미지 깨짐 발생

RGJ · 2월 17, 2022, 12:25오후

Windows Tor 브라우저를 사용하여 이미지를 업로드하면 JPG 업로드가 깨집니다.

composer media optimization image bytes optimization threshold를 터무니없이 높은 값으로 설정하면 이 문제를 우회할 수 있습니다. 이는 Tor 브라우저의 문제일 가능성이 매우 높지만, 지금까지 Discourse에서만 발생하는 것으로 보이며, 그래도 우회 방법을 공유하기 위해 여기에 게시합니다.

Falco · 2월 17, 2022, 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/의 캔버스 데이터 추출이 차단되었습니다.

파일 선택기는 사용자 입력이므로 이는 명백한 거짓말입니다.

이것은 우리의 안전장치(failsafe mechanism)에 의해 감지되었습니다.

리사이즈 실패: 리사이즈 중 이미지가 손상되었습니다. 인코딩을 위해 원본으로 폴백합니다

이로 인해 Discourse는 파일을 다시 인코딩만 하도록 되어 성공적으로 보이지만, 멀티파트 업로드를 완료할 때 422 오류로 실패합니다…

Tor 브라우저는 캔버스 생성 API를 차단하는 대신 반환 값을 조용히 손상시켜서는 안 됩니다

어쨌든, 사용자가 about:config에서 privacy.resistFingerprinting.autoDeclineNoUserInputCanvasPrompts를 토글하여 캔버스 작업의 조용한 실패를 비활성화할 수 있습니다. 이렇게 하면 사용자가 이 프롬프트를 볼 수 있게 됩니다:

방금 테스트해 보니 이로 인해 업로드가 정상적으로 작동합니다.

RGJ · 2월 17, 2022, 3:51오후

감탄스럽네요. @falco님, 감사합니다!!!

Decorbuz · 2월 17, 2022, 4:25오후

제 경험상 일부 파비콘(아마도 JPG 파일로 업로드된 것)에서도 동일한 문제가 발생합니다. privacy.resistFingerprinting.autoDeclineNoUserInputCanvasPrompts를 토글하면 이 문제도 해결됩니까?

글		댓글	조회수
How to disable use of HTML5 canvas image data? Product Support	7	2535	12월 22, 2018
Client side image optimization enabled by default Announcements	3	1753	9월 4, 2023
Testing composer image optimization Feature	31	5174	9월 10, 2021
Image upload stuck with "Processing" message Product Support	10	1964	10월 15, 2021
Faster (and smaller) uploads in Discourse with Rust, WebAssembly and MozJPEG \| Blog Blog	35	5785	5월 13, 2025

로컬 최적화로 인해 Tor 브라우저가 이미지 깨짐 발생

Related topics