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

如何使用jQuery文件上传？

1 个答案: