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

2022-10-27 12:37:58

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

  • 作者:爱你小代码
  • 原文链接:https://blog.csdn.net/qq_36154157/article/details/124005896
    更新时间:2022-10-27 12:37:58