Загружающий файл с изображениями

Question

Как реализовать загрузчик изображений в javascript с помощью utlility. Как отправить файл изображения через AJAX? Является ли решение междоменным совместимым?

Answer 1

Если вы используете jQuery, вы можете взглянуть на плагин jCrop.

Answer 2

Чтобы ответить на последнюю часть вашего вопроса - вы не можете загрузить файл с помощью XmlHttpRequest, поэтому «чистый AJAX» здесь не будет соответствовать. Что вы можете сделать, это

<FORM method="post" enctype="multipart/form-data" 
    action="serverscript.cgi" target="hiddenframe> 
<input type="file".... 
</FORM> 
<iframe id="hiddenframe" name="hiddenframe" style="display:none"></iframe> 

тогда Вы должны поймать «OnLoad» событие документа в IFRAME, чтобы знать, когда ваш документ там.

Answer 3

Если вы хотите использовать Prototype, вам может быть интересен плагин jsCropperUI. Он имеет множество функций, и код довольно аккуратный.

http://www.defusion.org.uk/code/javascript-image-cropper-ui-using-prototype-scriptaculous/

Answer 4

Для реализации виджета загрузки изображения с функцией растениеводства вам придется:

1. Загрузить изображение к загрузке файлов сервер из приложений AJAX тема самих по себе. Лучше всего начать с одного из многих существующих виджетов загрузки файлов AJAX.

2. Сохраните изображение на сервере После того, как изображение было загружено на сервер, URL-адрес изображения должен быть передан виджету обрезки.

3. Укажите область урожая С помощью URL-адреса изображения вы можете написать небольшой виджет для рисования, который позволяет определить область обрезки изображения.

4. Обрезать изображение на сервере После того, как пользователь определил область обрезки, данные об урожае должны быть отправлены на сервер с использованием AJAX-вызова. На сервере изображение нужно обрезать с помощью одного из многих инструментов обработки изображений (например, ImageMagick).