Есть несколько input c типом файл. Как сделать чтобы после загрузки файла появлялось окно о успешной загрузке файла?
-
получать ответ от сервера, что файл успешно загружен и через аякс выводить окно, чтобы страница не перезагружалась– lexxlCommented 18 нояб. 2016 в 13:12
-
файл не передается на сервер, это просто обычный инпут, нужно просто показать, что файл есть в инпуте.– DimangryCommented 18 нояб. 2016 в 13:24
-
Те ты хочешь что бы после того как файл выбран, скрипт бы его показывал? не загружая на сервер. html5rocks.com/en/tutorials/file/dndfiles/#toc-reading-files вот тут очень хорошо разобран данный вопрос– lazyprogerCommented 18 нояб. 2016 в 13:30
-
Предлагаю произвести коррекцию вопроса, так как сам вопрос и комментарий автора не одно и тоже.– Valery GorbunovCommented 18 нояб. 2016 в 13:56
Добавить комментарий
|
1 ответ
И снова AJAX:
var fileData = $("#file-input").prop("files")[0];
var formData = new FormData();
formData.append("file", fileData);
$.ajax({
url: 'load',
type: 'POST',
data: formData,
cache: false,
contentType: false,
processData: false,
success: function (data) {
alert("Данные успешно загружены");
},
error: function () {
alert("Произошел сбой бла бла бла");
}
});
-
Плохой код, и причем тут error? при error файл может не загрузиться? Commented 18 нояб. 2016 в 13:28
-
@Дмитрий Приходченко, это ивенты. Если успех то показывает сообщение
success
, ошибка -error
.– TelionCommented 18 нояб. 2016 в 13:31 -
@ДмитрийПриходченко error будет, например, если адрес указанный в url будет недоступен или вернет например 500 ошибку– tCodeCommented 18 нояб. 2016 в 13:32
-
@Levelleor и что? 1. Вопрос в другом 2. Я смогу залить файл и отдать error. 3. Вы уверены что этот код зальет файл? Commented 18 нояб. 2016 в 13:33
-
@Дмитрий Приходченко ты не можешь выбирать когда делать ошибку. Она срабатывает когда сервер отвечает кодом ошибки автоматически. Например 404, зато когда успех возвращает 200.– TelionCommented 18 нояб. 2016 в 13:34