이미지 파일 업로드 : 클라이언트 측에서 압축이 이미 가능합니까?

사진 파일 업로드를 제공 할 때 일반적으로 사용자는 카메라 또는 휴대폰에서 압축률이 높고 거대한 (10+ 메가 픽셀) JPEG 파일을 갖게됩니다. 서버 측에서이 파일은 800x600px 및 JPEG 품질 7 또는 8과 같은 형식으로 다시 압축됩니다.

클라이언트 측에서 재 압축을 수행 할 수 있습니까? 따라서 3MB 이상이 아닌 100kB (800x600px) 정도만 전송하면됩니다. 다음과 같은 것 :

(1) 자바 스크립트의 새로운 FileSystem API ( http://slides.html5rocks.com/#filewriter )를 사용하면 사진 파일의 데이터를 클라이언트 측 JS로 읽을 수 있습니다.

(2) 그런 다음 가능한 JPEG 데이터를 다시 인코딩해야하지만, 그 라이브러리는 찾지 못했습니다 (아직). 아무도 그런 도서관을 알고 있습니까?

(3) 마지막 단계는 저장을 위해 다시 압축 된 JPEG 데이터를 서버 측에 POST하고 클라이언트의 HTML에 포함시키기 위해 서버에서 저장된 사진 파일의 URL을 가져 오는 것입니다.

jQuery 플러그인, 다른 JS 라이브러리 또는이를 수행하는 예제 웹 페이지를 찾고 있습니다.

Plupload 는 html5 이미지 크기 조정 및 업로드를 지원 하며 Flash, Silverlight (및 Google Gears 및 BrowserPlus와 같은 구식 항목)에서 지원되지 않는 브라우저 (IE 기침 )에 대한 대체 기능도 제공합니다 .

이미지를 캔버스 요소에로드하고 크기를 조정 한 다음 이미지를 다시 검색하여 업로드 할 수 있습니다.

이 데모를 확인하십시오 : http://makeitsolutions.com/labs/jic

내가 만든 자바 스크립트 라이브러리는 그 문제를 해결합니다.

자바 스크립트를 사용하여 클라이언트 측에서 jpg 및 png를 100 % 압축 할 수 있으며 외부 라이브러리가 필요하지 않습니다!