使用来自文本字段的快速 JS 值处理多部分表单数据在 req.body 中为空

Question

我有一个项目，我在其中使用基本注册页面让用户输入他们的详细信息。 我在后端使用 express JS

在此，我还要求他们上传图片。但是要上传图片，我需要将表单的enctype设置为multipart/form-data。图像被上传，但问题是没有记录其他数据。

这是html：

<form action="/create"  method="POST" class="profile" enctype="multipart/form-data">
        <input type="file" name="profile_image" class="img_upload" /><br><br><br>
        <div class="name_age" >
            <input type="text" name="name" class="name" placeholder="Full name">
            <b class="age"> Age </b>
            <input type="date" name="age" class="age"/> 
        </div>
<input type="submit" name="submit" value="Update Profile"  class="button"/>
</form>

这是处理它的 expressJS 代码：

app.post('/create',(req,res)=>{
    var d = req.body 
    console.log(d)

    upload(req,res,function(err){   //this is a multer function to store the image  
        if(err)
            res.end(err)
        else{       
            res.end('success')
        }
    })
})

console.log(d) 返回一个空对象。没有multipart/form-data，图像不会上传，但其余数据会被记录。

我该如何解决这个问题？

Answer 1

实际上，几个月前我在我的项目中也尝试过这个，并且遇到了与 busboy 和 multer 类似的问题。您可以在按钮上有一个 onclick 事件，您可以在其中设置 3.4 秒的 setTimeout（上传图像和发送响应所需的通常时间），并将 ajax 请求中正文中的文本字段发送到您的 url /创建。或者只是使用<form> 标记放弃发布请求，然后发送图像以及ajax 请求中的文本字段。希望对你有帮助