Загрузка файлов через AJAX

Пример загрузки изображений через AJAX с помощью плагина jQuery Form Plugin.

Как работает:

  1. На поле выбора файла с id="js-file" повешено jquery событие change.
  2. При выборе файла срабатывает событие и выполняется метод плагина ajaxSubmit, он все поля из формы с id="js-form" включая выбранный файл отправляет на uploads.php.
  3. Далее то что отдаст uploads.php выведется в <div id="result">...</div>.
  4. После завершения, форма очищается методом reset() т.к. input file останется с выбранным файлом.
27.09.2019

Комментарии

, чтобы добавить комментарий.

Другие публикации

Разрешить AJAX с другого домена
Если отправить кроссдоменный AJAX запрос, возникает ошибка...
25.06.2019
813
+1
Автоматическое сжатие и оптимизация картинок на сайте
Изображения нужно сжимать для ускорения скорости загрузки сайта, но как это сделать? На многих хостингах нет...
26.10.2018
4555
+3
Работа с Input Text jQuery
Сборник приемов JQuery для работы с текстовыми полями. Во всех примерах используется следующий html код...
02.02.2018
31193
+4
Использование API Яндекс Диска на PHP
Можно найти множество применений Яндекс Диска на своем сайте, например, хранение бекапов и отчетов, обновление прайсов,...
29.11.2017
18877
+5
Работа с Textarea jQuery
Сборник jQuery приемов с textarea - получить содержимое, вставить значение, подсчет количества символов и строк и т.д.
04.03.2018
14509
+2
Contenteditable – текстовый редактор
Если добавить атрибут contenteditable к элементу, его содержимое становится доступно для редактирования пользователю, а...
12.12.2019
1593
+6