Есть ли какой-нибудь плагин jquery, который бы делал примерно так: Сначала пользователь бы указывал картинку на своём компьютере, после того как указал она бы загрузилась уменьшенная до опр. размера, + вывелась в блок div а там её можно было бы обрезать. Ну и чтобы ссылка на фото отправлялась обработчику формы. Если нет такого чудо плагина, то хотябы подскажите по частям: например плагин загрузки и уменьшения и плагин обрезки ajax. А я их уж соединю) Подскажите, пож-та
3 ответа
Такой механизм должен быть двухэтапным. Первый этап - загрузка изображения на сервер. Второй - вывод загруженного изображения в DOM, визуальная обработка (читай подготовка инструкций по обработке для сервера), и отправка этих инструкций.
К сожалению (или к счастью), такой вариант:
jQuery(function($){
$('input[type=file]').change(function(){
alert( $(this).attr('value') );
});
});
выведет "C:\fakepath\Мое фото.jpg"
. Имя файла настоящее, а путь к нему - нет. И локально его загрузить в <img />
не получится.
-
Сделал ajaxSubmit`ом, но он не работает в гугл-хроме, как минимум. Вообще удивляюсь, в мозиле всегда всё работает, а в другие даже боюсь лазить... Что-то наподобие ajaxSubmit есть кроссобраузерное?– iproger26 дек 2011 в 19:47
-
1Для jQuery есть плагины [Ajax File Upload][1] и [One Click Upload][2] [1]: phpletter.com/Our-Projects/AjaxFileUpload [2]: michaelmitchell.co.nz/one-click-upload– KiTE27 дек 2011 в 5:20
-
-
-
Ну пример же не работал в гугл хроме, а пример Ajax File Upload работает– iproger27 дек 2011 в 10:05
Как уже написал @ling плагина нет.
Т.к. чтобы обработать картинку её нужно загрузить на сервак, потом её можно вывести в div там манипулировать на JS. потом то что в div загрузить вместо той которая была в оригинале.
Да, плагина не нашёл, пришлось делать самому( Но там ничего трудного, не понимаю почему не сделали такой плагин...
-
Ну так сделай =)– user354526 дек 2011 в 17:07
-
-