Загрузка файлов через AJAX с помощью jQuery Form Plugin

Пример загрузки изображений через 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, обновлено 07.10.2020

Комментарии

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

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

Для того чтобы отличить прямой и AJAX запрос достаточно просто проверить значение глобальной переменной $_SERVER
2400
0
Если отправить кроссдоменный AJAX запрос, возникает ошибка...
1911
+1
Изображения нужно сжимать для ускорения скорости загрузки сайта, но как это сделать? На многих хостингах нет...
8427
+5
Можно найти множество применений Яндекс Диска на своем сайте, например, хранение бекапов и отчетов, обновление прайсов,...
26946
+9
Сборник приемов JQuery для работы с текстовыми полями. Во всех примерах используется следующий html код...
51301
+8
Сборник jQuery приемов с textarea - получить содержимое, вставить значение, подсчет количества символов и строк и т.д.
23693
+3