使用 fetch 解析 formData 时在后端获取空数据字段答案

【问题标题】：Getting empty data field at backend when parsing formData using fetch使用 fetch 解析 formData 时在后端获取空数据字段
【发布时间】：2023-01-12 13:39:57
【问题描述】：

我正在尝试使用 fetch 将输入字段的数据发送到后端。我使用 formData.append 来合并数据。当提取在后端运行时，我得到空列表。

async function autosave()
{
    let formdata =new FormData();
    let blogImage = document.querySelector("#blog_image").files[0];
    let imageName = document.querySelector("#blog_image").files[0].name;
    let blogTitle = blog_title.value.trim();
    let contentType = document.querySelector("#content_type").checked;
    let blogId = document.querySelector("#id_val").value;
    let blogContent = editorbody.innerHTML;


    // console.log(document.querySelector("#blog_image").files[0])
    formdata.append("blog_image", blogImage, imageName)
    formdata.append("blog_title", blogTitle);
    formdata.append("content_type", contentType)
    formdata.append("blog_id", blogId);
    formdata.append("content",blogContent)
    await fetch("/blog/autosave/",{
        headers: {
            'Accept': 'application/json',
            'Content-Type': 'application/json',
            'mode':'no-cors'
        },
        method: "POST",
        body:JSON.stringify(formdata)
    }).then((res) => {return res.json()})
    .then((data) => {
        if (data.status == 200){
            // function savesuccessFun();
            console.log("Blog saved successfully");
        }
        else{
            // savefailFun();
             console.log("Opps blog can not be saved");
        }
    }).catch(err => console.log(err));

我只知道前端。在后端我们使用data = json.loads(request.body)获取数据

笔记：我法师不应该以 base64 格式发送。所有变量都从表单字段中获取数据。

【问题讨论】：

标签： javascript fetch

【解决方案1】：

请参考这个回答https://stackoverflow.com/a/46640744/18265107

此外，如果您也能向我们展示您的后端代码，那将非常有帮助。您在后端使用 express 吗？如果是，那么你在初始化所有路由之前是否写过这一行 - app.use(express.urlencoded({ extended: true })

【讨论】：