1

Есть ли какой-нибудь плагин jquery, который бы делал примерно так: Сначала пользователь бы указывал картинку на своём компьютере, после того как указал она бы загрузилась уменьшенная до опр. размера, + вывелась в блок div а там её можно было бы обрезать. Ну и чтобы ссылка на фото отправлялась обработчику формы. Если нет такого чудо плагина, то хотябы подскажите по частям: например плагин загрузки и уменьшения и плагин обрезки ajax. А я их уж соединю) Подскажите, пож-та

1
  • Нет, такого в природе пока не существует. Зато есть варианты на flash и java.
    – ling
    26 дек 2011 в 7:20

3 ответа 3

3

Такой механизм должен быть двухэтапным. Первый этап - загрузка изображения на сервер. Второй - вывод загруженного изображения в DOM, визуальная обработка (читай подготовка инструкций по обработке для сервера), и отправка этих инструкций.

К сожалению (или к счастью), такой вариант:

jQuery(function($){
    $('input[type=file]').change(function(){
        alert( $(this).attr('value') );
    });
});

выведет "C:\fakepath\Мое фото.jpg". Имя файла настоящее, а путь к нему - нет. И локально его загрузить в <img /> не получится.

6
  • Сделал ajaxSubmit`ом, но он не работает в гугл-хроме, как минимум. Вообще удивляюсь, в мозиле всегда всё работает, а в другие даже боюсь лазить... Что-то наподобие ajaxSubmit есть кроссобраузерное?
    – iproger
    26 дек 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
    – KiTE
    27 дек 2011 в 5:20
  • Большое спасибо, попробую
    – iproger
    27 дек 2011 в 9:30
  • $.ajaxSubmit прекрасно работает во всех браузерах... 27 дек 2011 в 9:43
  • Ну пример же не работал в гугл хроме, а пример Ajax File Upload работает
    – iproger
    27 дек 2011 в 10:05
0

Как уже написал @ling плагина нет.

Т.к. чтобы обработать картинку её нужно загрузить на сервак, потом её можно вывести в div там манипулировать на JS. потом то что в div загрузить вместо той которая была в оригинале.

0

Да, плагина не нашёл, пришлось делать самому( Но там ничего трудного, не понимаю почему не сделали такой плагин...

3
  • Ну так сделай =)
    – user3545
    26 дек 2011 в 17:07
  • И сделал (смайлик_языка)
    – iproger
    27 дек 2011 в 9:35
  • @mctrane, можеть поделитесь )))
    – Vfvtnjd
    9 мар 2013 в 11:12

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.