Завантажити файл зображення: чи можливе стиснення на стороні клієнта?


9

Запропонуючи завантаження фотофайлів, зазвичай користувач матиме сильно стиснуті та величезні (10+ мегапікселів) файли JPEG зі своїх камер чи телефонів. На стороні сервера ці файли будуть повторно стиснені до приблизно 800x600px та JPEG якості 7 або 8.

Чи можна (вже) зробити це повторне стиснення на стороні клієнта? Так що мені потрібно було б передати лише 100 КБ (800x600px), а не 3 Мб і більше. Щось на зразок:

(1) Завдяки новому API FileSystem JavaScript ( http://slides.html5rocks.com/#filewriter ) javascript можна було б прочитати дані файлових фотографій у клієнтській JS.

(2) Тоді потрібно було б перекодувати дані JPEG, що можливо, але я радив не знайти жодної бібліотеки для цього (поки). Хтось знає таку бібліотеку?

(3) Останнім кроком буде POST повторно стиснених даних JPEG на сторону сервера для зберігання та отримання URL-адреси до збереженого фотографічного файлу назад із сервера для включення в HTML клієнта.

Я шукаю плагін jQuery, іншу бібліотеку JS або веб-сторінку прикладу, яка робить це.


Чи можна оптимізувати / стиснути зображення перед завантаженням? Питання в StackOverflow представляє кілька можливих рішень.
danlefree

Відповіді:


4

Plupload підтримує розмір зображень html5 і потім завантажує їх, він також має резервні копії для непідтримуваних веб-переглядачів (IE кашель від кашлю ) у Flash, Silverlight (та антикваріаті, такі як Google Gears та BrowserPlus).



2

Перегляньте цю демонстраційну версію: http://makeitsolutions.com/labs/jic

Це створена мною бібліотека javascript, яка вирішує цю проблему.

Це дозволяє стискати jpg та png на стороні клієнта на 100% за допомогою javascript і не потрібні зовнішні бібліотеки!

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.