使用ajaxForm插件提交FormData

Question

如何使用ajaxForm插件将FormData对象放入表单并提交？我正在尝试做一些如下的事情：

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 post一样直接发送数据。

就像..。

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