Как редактировать изображения с помощью javascript в реальном времени и сохранять отредактированное изображение на сервере?

Question

Можно ли редактировать изображения с помощью библиотеки javascript, а затем отправить отредактированное изображение на сервер для сохранения.
Редактирование будет осуществляться в реальном времени, что означает, что пользователь может увидеть результат редактирования в то же время, когда он редактирует, без необходимости обновлять страницу.

Я хочу, чтобы библиотека javascript делала некоторые изменения на изображении на веб-странице, такие как обрезка, изменение размера, поворот, ... и отправка отправки отредактированного результата на сервер.

Как это можно сделать или если есть какая-нибудь умная работа над чем-то вроде этого.

Answer 1

Указанные библиотеки не кажутся полностью перекрестными браузерами. Насколько я знаю, нет полностью совместимого с браузером способа редактирования пиксельных данных на клиенте.

Нынешний лучший подход - это сделать эти манипуляции на сервере. Вы все еще можете делать это в режиме реального времени, используя веб-службу.

В качестве примера см. Редактор изображений в TinyMCE, который поддерживает обрезку, поворот, изменение размера, отражение, от клиента без обновления страницы.

Answer 2

jcrop - это то, что вы ищете.

Answer 3

Pixastic - библиотека для обработки изображений; после того как вы изменили изображение, какой-то вызов обратной связи/загрузки из сценария сможет загрузить изображение, если вы внедрили необходимую функциональность для этого.

Answer 4

Неполный список, если вы уверены, но это два, которые приходят вам на ум, которые позволяют вам выполнять широкий спектр редактирования на стороне клиента и возвращаться на сервер.

• PIxastic
• AIE

И существует множество менее полных инструментов редактирования изображений для простого кадрирования или регулировки контрастности, а также.