express解析请求体数据

清疚 2022-09-02 04:23 169阅读 0赞

### express解析请求体数据 ###

*  说明
 *  解析JSON格式的数据
 *  解析url-encoded格式的数据
 *  解析multipart/form-data格式的数据

# 说明 #

如果不配置解析表单的中间件，则`req.body`默认为`undefind`。配置时需要注意将中间件配置在路由之前。

# 解析JSON格式的数据 #

app.use(express.json());

# 解析url-encoded格式的数据 #

app.use(express.urlencoded({  extended:false }));

被解析的数据将会放在`req.body`中

# 解析multipart/form-data格式的数据 #

推荐使用[multer][]中间件来解析`multipart/form-data`格式的表单数据。

安装

npm i multer

在需要解析FormData数据的模块中导入并配置

const multer = require("multer");
    // 导入内置的路径模块
    const path = require("path");
    // 创建multer实例对象，通过dest属性指定文件的存放路径
    const upload = multer({  dest:path.join(__dirname,"../uploads") });

通过`upload.single()`用来解析局部的formData格式的表单数据

app.post("/add",upload.single("cover_img"),(req,res)=>{ 
    	// 将文件类型的数据解析到req.file属性中
    	console.log(req.file);
    	console.log("------------------");
    	// 将文本类型的数据解析到req.body属性中
    	console.log(req.body);
    	res.send("ok");
    });

用`postman`测试一下  
![postman测试formData类型数据][postman_formData]  
服务器打印的结果  
![服务器打印的结果][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzU4NDUzNg_size_16_color_FFFFFF_t_70]

[multer]: https://www.npmjs.com/package/multer
[postman_formData]: /images/20220829/90c02068e6d24a6c8531a5ffc10dc7e9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzU4NDUzNg_size_16_color_FFFFFF_t_70]: /images/20220829/ba012706112848a09d3396da41650591.png