【Express】文件上传管理 multer 中间件

Multer是Node.js中用于处理文件上传的中间件。它可以帮助你处理文件上传的相关逻辑,如接收和保存上传的文件、限制文件大小、设置文件类型限制等。只能用于处理 multipart/form-data 类型的表单数据,它主要用于上传文件。

下面是使用Multer中间件的基本步骤:

  1. 安装multer:在命令行中运行npm install multer来安装multer模块。

  2. 导入multer模块和创建multer实例:在你的Node.js应用程序中,使用require语句导入multer模块,并创建一个multer实例。

javascript 复制代码
const multer = require('multer');
const upload = multer({ dest: 'uploads/' });

上述代码中,我们使用multerdest属性指定上传文件的保存目录。

  1. 创建路由处理程序:在你的路由处理程序中,使用upload中间件来处理文件上传请求。
javascript 复制代码
app.post('/upload', upload.single('file'), (req, res) => {
  // 文件上传成功后的操作
});

上述代码中,我们使用upload中间件的single方法指定只处理单个文件上传请求。'file'参数是表单中文件输入字段的name属性值。

  1. 处理上传成功的文件:在文件上传成功后的处理程序中,可以通过req.file对象获取上传的文件信息。

Multer 会添加一个 body 对象 以及 filefiles 对象 到 express 的 request 对象中。 body 对象包含表单的文本域信息,filefiles 对象包含对象表单上传的文件信息。

javascript 复制代码
app.post('/upload', upload.single('file'), (req, res) => {
  if (req.file) {
    // 文件上传成功
    console.log('File uploaded:', req.file);
  } else {
    // 没有文件上传
    console.log('No file uploaded');
  }
});

上述代码中,req.file对象将包含上传文件的详细信息,如文件名、文件大小、文件路径等。

Multer还提供了其他一些常用方法和选项,例如array方法可以处理多个文件上传请求,fields方法可以处理不同字段名的文件上传请求,limits选项可以设置文件大小限制等。

js 复制代码
// 前端
const params = new FormData()
params.append('avatar', avatar.files[0])
params.append('username', username.value)
const config = {
	headers: {
		"Content-Type":"multipart/form-data"
	}
}
http.post('/api/upload', params, config).then(res => {
	this.imgpath = 'http://localhost:3000' + res.data
})	
相关推荐
失败又激情的man9 小时前
Scrapy进阶封装(第四阶段:中间件设置,动态UA,ip代理池)
爬虫·scrapy·中间件
亲爱的非洲野猪11 小时前
Kafka消息积压的多维度解决方案:超越简单扩容的完整策略
java·分布式·中间件·kafka
摘星编程20 小时前
深入理解责任链模式:从HTTP中间件到异常处理的实战应用
http·设计模式·中间件·责任链模式·实战应用
~山有木兮2 天前
LiteHub中间件之限流实现
网络·http·中间件
fo安方3 天前
运维的利器–监控–zabbix–第三步:配置zabbix–中间件–Tomcat–步骤+验证
运维·中间件·zabbix
Code季风3 天前
Gin 中间件详解与实践
学习·中间件·golang·go·gin
一只程序汪4 天前
【如何实现分布式压测中间件】
分布式·中间件
William一直在路上4 天前
主流分布式中间件及其选型
分布式·中间件
listhi52014 天前
深入浅出Node.js中间件机制
中间件·node.js