从零开始Node.js—14multer读取表单数据

Express中最常用body-parser来解析前端提交来的表单数据，但是它不支持解析multipart/form-data类型的表单数据，所以另外引入multer来读取。

下载安装

npm i multer

说明

客户端传递来的multipart/form-data类型表单数据又分为两种，一种是文本类型，一种是文件类型
multer会将上传的信息以及内容挂载到request对象上，其中

1. request.body 保存文本内容
2. request.file 保存单个文件信息以及对应内容(内存存储模式)
3. 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