1

Есть несколько input c типом файл. Как сделать чтобы после загрузки файла появлялось окно о успешной загрузке файла?

4
  • получать ответ от сервера, что файл успешно загружен и через аякс выводить окно, чтобы страница не перезагружалась
    – lexxl
    Commented 18 нояб. 2016 в 13:12
  • файл не передается на сервер, это просто обычный инпут, нужно просто показать, что файл есть в инпуте.
    – Dimangry
    Commented 18 нояб. 2016 в 13:24
  • Те ты хочешь что бы после того как файл выбран, скрипт бы его показывал? не загружая на сервер. html5rocks.com/en/tutorials/file/dndfiles/#toc-reading-files вот тут очень хорошо разобран данный вопрос
    – lazyproger
    Commented 18 нояб. 2016 в 13:30
  • Предлагаю произвести коррекцию вопроса, так как сам вопрос и комментарий автора не одно и тоже. Commented 18 нояб. 2016 в 13:56

1 ответ 1

3

И снова 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("Произошел сбой бла бла бла");
    }
});
14
  • Плохой код, и причем тут error? при error файл может не загрузиться?
    – lazyproger
    Commented 18 нояб. 2016 в 13:28
  • @Дмитрий Приходченко, это ивенты. Если успех то показывает сообщение success, ошибка - error.
    – Telion
    Commented 18 нояб. 2016 в 13:31
  • @ДмитрийПриходченко error будет, например, если адрес указанный в url будет недоступен или вернет например 500 ошибку
    – tCode
    Commented 18 нояб. 2016 в 13:32
  • @Levelleor и что? 1. Вопрос в другом 2. Я смогу залить файл и отдать error. 3. Вы уверены что этот код зальет файл?
    – lazyproger
    Commented 18 нояб. 2016 в 13:33
  • @Дмитрий Приходченко ты не можешь выбирать когда делать ошибку. Она срабатывает когда сервер отвечает кодом ошибки автоматически. Например 404, зато когда успех возвращает 200.
    – Telion
    Commented 18 нояб. 2016 в 13:34

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

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