nodejs接收文件数据时遇到的坑

问题的描述:
在服务器端接收浏览器发送的请求数据时,如果提交的数据中包含文件,比如使用enctype="multipart/form-data"发送post请求时上传了一张图片,那么在network中会发现没有显示请求主体,表单中的数据以二进制形式保存在Content-Type属性中,如下图:nodejs接收文件数据时遇到的坑
此时后端nodejs中想通过req.body获得请求主体对象时会发现,得到的是一个空对象。
解决方案:
通过npm下载第三方模块——multiparty:npm i multiparty,再在路由中引入该模块const multiparty = require("multiparty"),就可以使用它来帮助你获取前台提交的文件数据了,具体步骤如下:

  • 创建表单对象:let form = new multiparty.Form()

  • 修改表单的对象的参数form.uploadDir 设置图片存储路径 form.keepExtensions 是否保留后缀 form.maxFiledsSize 设置内存大小 form.maxFilesSize 设置文件字节大小限制,超出时会报错

  • 对表单解析form.parse(req,function(err,fields,files){ 对表单数据进行操作 }) 其中fields表示你提交的表单数据对象,files表示你提交的文件对象

  • 在fields中保存了我所提交的uid数据在一个对象中,值保存在一个数组中 { uid: [ '2' ] }

  • 在files中保存了name属性为avatar的表单上传的文件数据在一个对象中,值为一个数组对象,保存我的文件的基本信息{ avatar: [ { fieldName: 'avatar', originalFilename: '2019-03-31_124439.jpg', path: '..\\public\\img\\user\\rIdobI8cpgbvnvAIYfw7-5Be.jpg', headers: [Object], size: 22443 } ] }
    如果有碰到相同问题的朋友,希望这篇文章能给你带来一些帮助。

上一篇:Mybatis-Plus: QueryWrapper的使用


下一篇:Generator 与 asnyc await