Jasny多个文件上传与其他表单元素

Question

我尝试使用Jasny fileupload将多个文件传递给表单内的php,这个提交事件应该通过ajax发布的数据上传.但我无法让它发挥作用.我无法将jasny上传添加到发布的数据中.

如果有一个更好的解决方法,那么最好实现jasny,我想知道.

我按如下方式启动上传字段

jQuery('.fileupload').fileupload({});

我试着抓住提交主题

wizard.on("submit", function(wizard) {
    jQuery.ajax({
      //here When I serialize the form I do not get the files
    });
});

Answer 1

试试吧

var data = new FormData();
jQuery.each($('#file')[0].files, function(i, file) {
  data.append('file-'+i, file);
});

所以现在你有一个FormData对象,随时可以与XMLHttpRequest一起发送.

$.ajax({
   url: 'php/upload.php',
   data: data,
   cache: false,
   contentType: false,
   processData: false,
   type: 'POST',
   success: function(data){
      alert(data);
   }
});