javascript - 将 JS 对象转换为表单数据

Question

如何将我的 JS 对象转换为 FormData？

我想要这样做的原因是，我有一个对象，它是我用大约 100 个表单字段值构造的。

var item = {
   description: 'Some Item',
   price : '0.00',
   srate : '0.00',
   color : 'red',
   ...
   ...
}

现在我被要求将上传文件功能添加到我的表单中，这当然是不可能通过 JSON 实现的，因此我计划转移到 FormData。那么有什么方法可以将我的 JS 对象转换为 FormData 吗？

Answer 1

如果您有一个对象，您可以轻松地创建一个 FormData 对象并将该对象的名称和值附加到 formData。

您还没有发布任何代码，所以这是一个通用示例；

var form_data = new FormData();

for ( var key in item ) {
    form_data.append(key, item[key]);
}

$.ajax({
    url         : 'http://example.com/upload.php',
    data        : form_data,
    processData : false,
    contentType : false,
    type: 'POST'
}).done(function(data){
    // do stuff
});

MDN 上的文档中有更多示例