Chrome Postman 的form-data和raw在Nodejs中的使用有什么区别

Chrome Postman 的form-data和raw在Nodejs中的使用有什么区别

想问下PostMan里面，我POST数据的时候，使用form-data方式和直接使用raw方式有什么区别。

现在后台提供一个restAPI，现在发现使用raw方式传递json格式的数据是可以成功的， 但是转换层form方式就失败了

两种方式都添加了header ： Content-Type： application/json

6 回复

当然可以！让我们来探讨一下在Node.js中使用Chrome Postman的form-data和raw两种不同方式传递数据的区别，并通过一些示例代码进行说明。

区别

  1. 数据格式:

    • form-data: 用于上传表单数据，通常用于文件上传或键值对形式的数据。
    • raw: 可以直接发送原始格式的数据，如JSON、XML等。

  2. Content-Type Header:

    • form-data: 通常设置为multipart/form-data。
    • raw: 可以设置为application/json、text/plain等。

  3. 解析方式:

    • 在Node.js后端，处理form-data时需要使用专门的中间件（如multer）来解析表单数据。
    • 对于raw数据，可以使用标准的HTTP请求库（如express）直接获取原始数据。

示例代码

使用form-data

假设你有一个简单的REST API，用于接收表单数据：

const express = require('express');
const multer = require('multer');

const app = express();
const upload = multer({ dest: 'uploads/' });

app.post('/api/upload', upload.single('file'), (req, res) => {
    console.log(req.file); // 文件信息
    console.log(req.body); // 表单数据
    res.send('File uploaded successfully');
});

app.listen(3000, () => {
    console.log('Server is running on port 3000');
});

在Postman中，选择form-data模式，设置键值对，例如：

  • Key: name
  • Value: John Doe

使用raw

假设你的API接收JSON格式的数据：

const express = require('express');

const app = express();

app.use(express.json()); // 中间件用于解析JSON

app.post('/api/data', (req, res) => {
    console.log(req.body); // JSON数据
    res.send('Data received successfully');
});

app.listen(3000, () => {
    console.log('Server is running on port 3000');
});

在Postman中，选择raw模式，设置Content-Type为application/json，然后输入JSON数据，例如：

{
    "name": "John Doe",
    "age": 30
}

总结

  • 如果你需要上传文件或者键值对形式的数据，应该使用form-data。
  • 如果你需要发送复杂的结构化数据（如JSON），则应使用raw模式。

希望这些示例代码能帮助你理解这两种模式的区别以及如何在Node.js中处理它们。


raw方式使用的是纯字符串的数据上传方式，所以在POST之前，可能需要手工的把一些JSON格式的数据转换成字符串的(加两单引号)

Form-data的方式就是key-value的提交，数据其实是分割的

贴上一段使用Needle POST的代码：

needle = require(‘needle’); LOGIN_URL = ‘xxxxx’; var data = ‘{“username”: “username”,“password”: “password”}’; var options = {headers: { ‘Content-Type’: ‘application/json’ }}; needle.post(LOGIN_URL, data, options, function(err, resp) { console.log(resp); });

还是没太明白，求解

Form-data 是键值对, 你只能通过postman提供的表单填写,

如果你的数据的某个键里面还有嵌套的对象,例如嵌套的好几层对象 那么就没有办法使用form-data 提交了, 只能使用raw 自己填写json字符串, 明白了吗?

在Node.js中，form-data和raw这两种方式在Postman中发送请求时有着不同的用途和处理方式。form-data通常用于上传文件或表单数据，而raw则用于发送原始数据（如JSON、文本等）。

form-data 示例

当使用form-data时，你可以将数据以键值对的形式上传，这种方式通常用于表单提交，包括文件上传。例如：

const axios = require('axios');

axios.post('http://example.com/api', {}, {
    headers: {'Content-Type': 'multipart/form-data'},
    params: {
        key1: 'value1',
        key2: 'value2'
    },
    // 如果需要上传文件，可以这样操作
    // data: new FormData(),
    // data.append('file', fs.createReadStream('/path/to/file'))
})
.then(response => console.log(response.data))
.catch(error => console.error(error));

在这个例子中，尽管设置了Content-Type为multipart/form-data，但在实际应用中，axios会自动处理这些细节，无需手动设置Content-Type字段。

raw 示例

使用raw方式时，你可以直接发送原始的字符串或JSON对象。这对于需要精确控制请求体内容的情况非常有用。例如：

const axios = require('axios');

axios.post('http://example.com/api', JSON.stringify({key1: 'value1', key2: 'value2'}), {
    headers: {'Content-Type': 'application/json'}
})
.then(response => console.log(response.data))
.catch(error => console.error(error));

这里，我们发送了一个JSON字符串，并明确指定了Content-Type为application/json，这告诉服务器请求体包含的是JSON格式的数据。

总结

  • form-data适用于上传文件或表单数据。
  • raw适用于发送原始数据（如JSON、文本等），并允许更精细地控制请求体的内容。

如果你在使用form-data时遇到问题，确保你的后端服务能够正确解析multipart形式的数据。如果问题依旧存在，请检查后端API的具体文档，了解它期望接收什么样的数据格式。

回到顶部