el-upload 带参上传图片

吐槽：请求头类型有多种，每一种都可以细讲很多内容，各后台语言接收文件写不一样，为了能快速实现功能，只能实验编程。

接口文档是这样的：

截屏2021-02-25 上午12.57.54.png

H5关键代码：注意配置ref="upload"

<el-upload 
     action="#" 
     list-type="picture-card" 
     :auto-upload="false" 
     ref="upload">
</el-upload>

JS关键代码：forEach循环

let formData = new FormData();
formData.append("contractName", "合同名字");
formData.append("contractDesc", "合同描述");
that.$refs.upload.uploadFiles.forEach(item=>{
   formData.append("pics", item.raw);
});
newContracts(formData)

截屏2021-02-25 上午12.59.47.png

启发资料