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

Answer 2

请查看jQuery文件上传（https://github.com/blueimp/jQuery-File-Upload），它支持多个文件上传并为PHP实现后端。

Answer 3

我们去吧首先，您需要将倍数放在输入文件中 2sd
您将需要使用画布并在脚本中循环发送
看一看https://plugins.jquery.com/tag/canvas/
http://canvasquery.com/

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

3 个答案: