欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 文旅 > 旅游 > 前端一次性在接口中给后端传多个文件流的集合作为参数

前端一次性在接口中给后端传多个文件流的集合作为参数

2024/10/27 1:11:59 来源:https://blog.csdn.net/Sunny_lxm/article/details/143154233  浏览:    关键词:前端一次性在接口中给后端传多个文件流的集合作为参数

 前端上传文件后,文件流暂存在数组中。保存时,接口传参多个文件流

一、前端暂存文件流

        // 上传附件,attachFiles前端暂存文件流为一个数组httpSuggestionRequest: function (param) {console.log(param, 'param')if (this.attachFiles.length === 10) {this.$message.error('上限10个文件!');return;}let obj = {name: param.file.name,file: param.file // 文件流数据};this.attachFiles.push(obj);console.log(vm.attachFiles, 'attachFiles')},

二、在接口调用时,将文件流转为formData格式

 // 发送消息sendMessage() {vm.loading = true;// 整理附件参数var formData = new FormData();// 循环遍历多个文件流,append到formData中this.attachFiles.forEach((item, index) => {formData.append(`attFiles[${index}]`, item.file); // `attFiles`是后端接收的字段名,可根据需求调整});formData.append("subject", vm.ruleForm.subject);formData.append("orderNumbers", vm.ruleForm.orderNumbers);formData.append("body", vm.ruleForm.body);request({url: 接口地址,method: 'post',data: formData}).then(function (res) {}).catch(function () {});}},

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com