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