使用 ajaxForm 插件提交 FormData

Question

如何将FormData对象放入表单并使用ajaxForm插件提交？我正在尝试执行以下操作：

var fd = new FormData();
fd.append('photo', file);
var form = $("<form method='POST' action='url.php' enctype='multipart/form-data'></form>");

将 fd formData 作为对象添加到表单中，并通过以下方式将表单转换为 ajaxForm：

form.ajaxForm({
      beforeSend: function(e) {},
      uploadProgress: function(event, position, total, percentComplete) {},
      complete: function(data) {}
});

然后提交表单。所以在 url 中.php我可以按 $_FILES['photo'] 获取文件;

Answer 1

您可以像普通的ajax帖子一样直接发送数据。

喜欢..

form.ajaxForm({
  data: { data: fd }, 
  beforeSubmit:function() { 
    } 
  beforeSend: function(e) {},
  uploadProgress: function(event, position, total, percentComplete) {},
  complete: function(data) {}
});

我已经测试过它，它工作正常..

Answer 2

这就是对我有用的东西

var fd = new FormData(this);
fd.append('upload', file);
$(this).ajaxSubmit({
    formData: fd,
    ...
});