jquery - 如何使用jQuery文件上传？

Question

我正在尝试使用 blueimp jQuery File Upload plugin ，但没有取得太大成功。当我的用户单击“保存”按钮时，我希望我的脚本上传文件以及其他表单详细信息。到目前为止我有这个:

$(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);