Resim dosyasını yükle: istemci tarafında sıkıştırma zaten mümkün mü?

Fotoğraf dosyası yüklemesi yaparken, genellikle kullanıcı kameralarından veya telefonlarından kötü şekilde sıkıştırılmış ve çok büyük (10+ megapiksel) JPEG dosyalarına sahip olacaktır. Sunucu tarafında, bu dosyalar 800x600 piksel ve JPEG kalitesi 7 veya 8 gibi bir şeye yeniden sıkıştırılır.

İstemci tarafında bu yeniden sıkıştırmayı yapmak (zaten) mümkün mü? Böylece 3 MB veya daha fazla değil, sadece 100kB (800x600px) iletmem gerekiyor. Gibi bir şey:

(1) Javascript'in yeni FileSystem API'sı ( http://slides.html5rocks.com/#filewriter ) ile fotoğraf dosyasının verilerini istemci tarafındaki JS'ye okumak mümkün olacaktır.

(2) O zaman mümkün olan JPEG verilerini yeniden kodlamak gerekli olacaktır, ancak bunun için herhangi bir kütüphane bulamadım (henüz). Böyle bir kütüphane bilen var mı?

(3) Son adım, yeniden sıkıştırılmış JPEG verilerini depolama için sunucu tarafına POST yapmak ve depolanan fotoğraf dosyasının istemcinin HTML'sine eklenmesi için sunucudan bir URL almak olacaktır.

Bazı jQuery eklentisi, diğer JS kitaplığı veya bunu yapan örnek web sayfası arıyorum.

Plupload , resimlerin html5 yeniden boyutlandırılmasını ve ardından yüklenmesini destekler, ayrıca Flash, Silverlight'ta (ve Google Gears ve BrowserPlus gibi eski şeyler) desteklenmeyen tarayıcılar (IE öksürük öksürüğü ) için geri dönüşlere sahiptir .

Görüntüyü bir tuval öğesine yükleyebilir, yeniden boyutlandırabilir ve yüklemek için görüntüyü geri alabilirsiniz.

Bu demoya göz atın: http://makeitsolutions.com/labs/jic

Bu sorunu çözen benim oluşturduğum bir javascript kütüphanesi.

İstemci tarafında jpg ve png'yi javascript ile% 100 sıkıştırmanıza ve harici kitaplığa gerek kalmadan sıkıştırmanıza izin verir!