如何使用jQuery文件上传?

如何使用jQuery文件上传?,jquery,jquery-plugins,Jquery,Jquery Plugins,我正试图使用这个工具,但没有多大成功。我希望我的脚本在用户单击“保存”按钮时上载文件以及其他表单详细信息。到目前为止,我有: $(document).ready(function() { $('#custom-file-upload').fileupload({ dataType: 'json', autoUpload: false, url: get_current_url() + '/customFileUpload/',

我正试图使用这个工具,但没有多大成功。我希望我的脚本在用户单击“保存”按钮时上载文件以及其他表单详细信息。到目前为止,我有:

$(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();
    })
});
$(文档).ready(函数(){
$(“#自定义文件上载”).fileupload({
数据类型:“json”,
自动上载:false,
url:get_current_url()+'/customFileUpload/',
完成:功能(e,数据){
//$.each(data.result、函数(索引、文件){
//$('

').text(file.name).appendTo(document.body); //}); }, 更改:功能(e、数据){ $.each(data.files,函数(索引,文件){ $(“#自定义文件上载文件名”).text(file.name); }); }, 提交:功能(e、数据){ log('submit event fired'); 返回false; } }); $('.edit form.btn submit')。单击(函数(ev){ ev.preventDefault(); }) });

因此,当我的用户单击“附加文件”按钮时,会弹出一个漂亮的文件浏览器,他们选择一个文件并单击“打开”,它会在“附加文件”按钮旁边显示文件名


我不知道如何让它现在提交我的表格。我尝试了很多不同的方法,但在阅读了文档之后,我仍然不知道。我也没有让它起作用,最后使用了。用法非常简单,页面上有很好的示例

您只需在HTML中编写一个普通表单,然后像下面这样附加jQuery:

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

@RajatSinghal我在帖子里说我读了文件。我不能让这个例子对我起作用。jquery文件上传的写得最好不过了。代码示例也不是很好。我也有同样的问题。