post接口-form-data文件上传

最新推荐文章于 2025-03-06 11:22:19 发布

乆辰

最新推荐文章于 2025-03-06 11:22:19 发布

阅读量1.9k

点赞数 1

文章标签： javascript node.js 前端框架 postman npm

本文链接：https://blog.youkuaiyun.com/weixin_59153556/article/details/120296770

版权

本文介绍了如何在Node.js中使用Multer中间件处理multipart/form-data类型的文件上传。Multer适用于前端框架和Postman进行POST请求时的文件上传操作，会自动创建uploads文件夹存放上传的文件，并且可以同时获取其他表单参数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如果post涉及文件上传操作，则需要在服务器端额外使用第三方multer这个包（不属于express）来获取上传的信息。

Multer 是一个 node.js 中间件，用于处理 multipart/form-data 类型的表单数据，它主要用于上传文件。

第一步：安装包

npm install multer

第二步：使用

// 1. 引入包
const multer = require('multer');
// 2. 配置
const upload = multer({dest:'uploads/'}) // 上传的文件会保存在这个目录下
// uploads表示一个目录名，你也可以设置成其它的

// 3. 使用
// 这个路由使用第二个参数 .upload.single表示单文件上传， 'cover' 表示要上传的文件在本次上次数据中的键名。对应于前端页面上的：
//  <input type="file" name='cover'/>

app.post("/postfile",upload.single('cover'), function(req,res){
    // req.file 记录了文件上传的信息
    // req.body 记录了其它普通参数（非文件）的信息
	// 其它操作
})

如果当前目录下没有uploads，它会自动创建uploads这个文件夹
upload.single只是处理了文件的上传。你仍可以通过req.body来获取其它参数

对应postman的操作如下：

参考代码如下：

const express = require('express')
const app = express()
const multer = require('multer');      //引入multer 包

//------------------------配置一下multer
// 如果本次post请求涉及文件上传，则上传到uploads这个文件夹下
// Content-Type: multipart/form-data;

var upload = multer({ dest: 'uploads/' })

//接收 postFile 格式的参数
app.post('/api/postFile', upload.single('cover'), (req, res) => {
    console.log('req.file',req.file)    //req.file 记录了文件上传的信息
    console.log('req.body',req.body)    //req.body 记录了其他普通参数（非文件）的信息
    res.send('postFile')
})

//  <input type="file" name="cover"> 


app.listen(8088, () => {
    console.log('express启动了，在8088')
})