Как использовать загрузку файлов jQuery?

Question

Я пытаюсь использовать blueimp плагин jQuery File Upload , но без особого успеха. Я хочу, чтобы мой скрипт загружал файл вместе с другими данными формы, когда мой пользователь нажимает кнопку Сохранить. Пока у меня есть это:

$(document).ready(function() {
    $('#custom-file-upload').fileupload({
        dataType: 'json',
        autoUpload: false,
        url: get_current_url() + '/customFileUpload/',
        done: function (e, data) {
            //$.each(data.result, function (index, file) {
            //  $('<p/>').text(file.name).appendTo(document.body);
            //});
        },
         change: function (e, data) {
            $.each(data.files, function (index, file) {
                $("#custom-file-upload-filename").text( file.name );
            });
        },
        submit: function(e, data) {
            console.log('submit event fired');
            return false;
        }
    });

    $('.edit-form .btn-submit').click(function(ev) {
        ev.preventDefault();
    })
});

Поэтому, когда мой пользователь нажимает кнопку «Прикрепить файл», появляется хороший файловый браузер, он выбирает файл и нажимает кнопку «Открыть», и рядом с кнопкой «Вложить файл» отображается имя файла.

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

Answer 1

Я тоже не работал, и в итоге использовал forms-plugin . Использование довольно простое, и на странице есть хорошие примеры.

Вы просто кодируете обычную форму в HTML и присоединяете jQuery следующим образом:

$('#myForm1').ajaxForm(options);