Получение некоторых данных из входного файла - javascript

Question

Предположим, что я загружаю с моего рабочего стола некоторый файл изображения (используя некоторые jquery plugin), прежде чем отправить его на сервер, я хочу обрезать изображение. Как получить URL-адрес файла из входного файла (чтобы поместить изображение в окно и обрезать его), а затем, как я могу поместить в данные входного файла новый размер моего изображения? Потому что я прочитал это по соображениям безопасности, это может быть невозможно.

Answer 1

Я сделал это некоторое время назад. Я использовал плагин под названием JCrop для обрезки моих изображений. Он отлично работает.

http://deepliquid.com/content/Jcrop.html

Быстрый пример:

Давайте предположим, что мы имеем это изображение нашу разметку:

<img src="flowers.jpg" id="target" /> 

Чтобы преобразовать это в виджет Jcrop, вставьте следующий скрипт:

<script language="Javascript"> 
    jQuery(function($) { 
     $('#target').Jcrop(); 
    }); 
</script> 

Этот скрипт выполнит следующие действия:

http://deepliquid.com/projects/Jcrop/demos/tutorial1.html