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的表单上传的文件数据在一个对象中

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值