React、node js、mongoDB——如何使用FormData发布、放置和删除？

Question

如何使用formdata创建邮政服务？

我用Axios发送了formdata。但是，节点快递服务器上的“req.body.title”值是空的。所以现在我用以下格式发送抓取。但是我需要将文件上传到服务器，所以我想用formData发送它。

let bodys = 'title=a1&contents=b'
fetch("http://localhost:5000/test", {
            method : 'post',
            headers : {
                'Content-type' : 'application/x-www-form-urlencoded; charset=UTF-8'
            },
            body: bodys
        })
        .then(function(response){
            console.log('Request Succeded ', response);
        })
        .catch(function (error){
            console.log('Failed ', error)
        })

我使用append和new FormData（）编写了新数据，我检查了FormData在React上包含一个值。但是，节点快递服务器没有进入正文。

请让我知道该怎么做。。。

Answer 1

你发送的只是一个字符串

你可以像下面这样接近你的身体

  let bodys = 'title=a1&contents=b'
 console.log(req.body); //will print title and contents as you are sending

如果想单独访问标题和内容，则必须将数据作为对象发送

  const bodys = {“title”: “a1”, “contents”: “b”}
  console.log(“title”, req.body.title); //will print a1
  console.log(“contents”, req.body.contents); //will print b

查看此线程以了解更多详细信息https://github.com/github/fetch/issues/263

Answer 2

尝试将FormData对象而不是原始字符串作为请求正文发送。

const bodys = new FormData();

bodys.append('title', 'a1');
bodys.append('contents', 'b');

此表格数据将按要求提供。快车里的尸体。js服务器。

编辑：在express中解析FormData。js，你需要一个像multer这样的中间件

const upload = require('multer');

app.use('/', upload.any(), yourRouteHandler);