Загрузить изображения с помощью Ajax?

Question

На этот раз мой вопрос заключается в следующем: я хочу загрузить изображения с помощью файлового ввода и вместо обновления всего сайта I, я хочу, чтобы простой загрузчик AJAX катился и через несколько секунд получил загруженное изображение в результате ЖЕ СТРАНИЦА. Я попробовал несколько скриптов, которые Google нашел для меня, но, похоже, они мне не помогли.

Кто-нибудь может помочь со знаниями или чем-то полезным в Интернете?

Спасибо.

Answer 1

Вы не сможете загрузить файл, используя Javascript (AJAX). Я не уверен в возможностях загрузки в HTML5, но если вы хотите выполнить загрузку для настольных браузеров, вам придется использовать программное обеспечение на основе плагинов. Что-то вроде flash или java сможет загружать файлы без отправки файла на новую страницу. Я бы посмотрел на готовые решения, которые будут работать для того, что вам нужно.

Answer 2

Вы можете легко использовать ajaxupload для отправки изображений на серверную часть, а затем получить изображение при успешном возврате функции.

 $("#form1").ajaxForm({
          target: '#preview',
          beforeSubmit: function(){
             $('.upload').after('<span class="loading-bar">Processing...</span>');
            },
          success: function (){
            $('.loading-bar').hide('slow');
            setCrop();
            },
            url: "/account/processpicture"
          }).submit();