nodejs接收文件数据时遇到的坑
作者:互联网
问题的描述:
在服务器端接收浏览器发送的请求数据时,如果提交的数据中包含文件,比如使用enctype="multipart/form-data"发送post请求时上传了一张图片,那么在network中会发现没有显示请求主体,表单中的数据以二进制形式保存在Content-Type属性中,如下图:
此时后端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 } ] }
如果有碰到相同问题的朋友,希望这篇文章能给你带来一些帮助。
标签:文件,nodejs,form,遇到,对象,multiparty,表单,接收,数据 来源: https://blog.csdn.net/weixin_43729581/article/details/88917916