如何使用jQuery文件上传？

问题描述：

我想使用blueimp jQuery File Upload plugin，但没有太大的成功。当我的用户点击保存按钮时，我希望我的脚本可以上传文件以及其他表单详细信息。到目前为止，我有这样的：如何使用jQuery文件上传？

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

所以，当我的用户点击“附加文件”按钮，一个漂亮的文件浏览器弹出，他们选择一个文件，然后单击打开，它显示了旁边的附加文件的文件名按钮。

我不知道如何让它现在提交我的表单。我已经尝试了一堆不同的东西，阅读完文档后我仍然不知道。

https://github.com/blueimp/jQuery-File-Upload/wiki/Multiple-File-Input-Fields在一个表格 – 2012-03-19 17:17:28

@RajatSinghal我在我的帖子中说我读了文档。我无法让这个例子为我工作。 – 2012-03-19 19:10:36

jquery-file-upload的写作功能最差。代码示例也不是很好。我有同样的问题。 – Dean 2013-10-15 21:00:24

答

我没有得到这个工作，最终使用forms-plugin。用法非常简单，页面上有很好的例子。

你只是在HTML代码中一个正常的表格，并附上了jQuery这样的：

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

如何使用jQuery文件上传？

相关推荐