问题的描述:
在服务器端接收浏览器发送的请求数据时,如果提交的数据中包含文件,比如使用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的表单上传的文件数据在一个对象中