Express中最常用
body-parser
来解析前端提交来的表单数据,但是它不支持解析multipart/form-data类型的表单数据,所以另外引入multer
来读取。
下载安装
npm i multer
说明
客户端传递来的multipart/form-data类型表单数据又分为两种,一种是文本类型,一种是文件类型
multer会将上传的信息以及内容挂载到request对象上,其中
- request.body 保存文本内容
- request.file 保存单个文件信息以及对应内容(内存存储模式)
- request.files 保存多个文件信息以及对应的内容(内存存储模式)
使用流程
const multer=require('multer');
1、创建multer实例
参数中指定存储上传的file类型文件的文件夹
const uploads=multer({dest: path.join(__dirname,'./newDir')});
2、用实例方法挂载局部中间件
- 只接收单个文件:中间件
uploads.single(‘filename’)
app.post('/my/article/add', uploads.single('cover_img'), funcA)
- 接收多个同名文件:中间件
uploads.array(‘filename’)
app.post('/my/article/add', uploads.single('cover_img'), funcA)
3、获取数据
- 对于文本类型数据
request.body
中会存取一个对象
console.log(request.body);//结果↓{title:'第一篇文章',cate_id:'4',content:'啦啦啦啦啦啦啦啦啦',state:'已发布'}
- 对于文件类型数据
会在对应文件夹存一个文件,可以通过request.file
(上传的是单个文件)或者request.files
(上传的是多个同名文件)获取文件信息
console.log(request.file);//结果↓{fieldname:'cover_img',originalname:'12whysessiontoken.png',encoding:'7bit',mimetype:'image/png',destination:'E:\\agap\\1.Node.js零基础入门教程\\node.js—资料\\day8\\code\\api_server\\uploads',filename:'f25eff606e5dea3bde865f5867ee6f8f',path:'E:\\agap\\1.Node.js零基础入门教程\\node.js—资料\\day8\\code\\api_server\\uploads\\f25eff606e5dea3bde865f5867ee6f8f',size:22372}
区分filedname和filename,在服务器中存储的是path