json字符串转formdata

在前端开发中，我们常会涉及到json字符串的传递和处理。但有些场景下，我们需要把json字符串转换成FormData。比如在上传文件时，我们需要把上传表单数据和文件数据一起提交。本篇文章将介绍如何将json字符串转换成FormData。

首先，需要创建一个FormData对象。

let formData = new FormData();

接下来，我们需要将json字符串中的每一个键值对都添加到FormData对象中。

let jsonObj = {name: "张三",age: "20",gender: "male"};
for(let key in jsonObj) {
    formData.append(key,jsonObj[key]);
}

除了简单类型的键值对，如字符串或数字，我们还可以将文件数据添加到FormData对象中。当需要上传文件时，我们可以在表单中添加一个文件选择框，然后通过下面的代码获取文件数据并添加到FormData对象中。

let fileInput = document.getElementById("fileInput");
let file = fileInput.files[0];
formData.append("file",file);

最后，我们可以通过XMLHttpRequest对象向后端发送FormData数据。

let xhr = new XMLHttpRequest();
xhr.open("POST","url");
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        // 处理返回结果
    }
};
xhr.send(formData);

以上就是将json字符串转换成FormData的全部步骤。需要注意的是，FormData对象只能用于POST请求，且Content-Type默认为multipart/form-data，相应地，后端也需要对文件类型数据进行特殊处理。