//队伍证书上传 getFile() { var that = this; // //1 创建formData let formData = new FormData(); // //2 添加数据,key可以重复。不会被覆盖。因此可以多文件上传。多文件都放在同一个formData对象中 // formData.append('file', xx); // formData.append('file', xx); formData.append('id', that.consult_data.id); console.log(Array.from(that.$refs.more.files)); Array.from(that.$refs.more.files).forEach((file) => { formData.append('certs', file); }); // //3 发送请求, 注意请求头数据类型要用 'multipart/form-data' that.axios .post(`entryFormController/uploadCert.do`, formData, { 'Content-Type': 'multipart/form-data;', }) .then((res) => { if (res.data.code == 200) { that.loadList(); that.$message.success('成功上传' + res.data.data + '个证书'); } else if (res.data.code == 400) { that.$message.error(res.data.message); } }); }, //队员证书上传 seeFile(index) { var that = this; // //1 创建formData let formData = new FormData(); console.log(66666666666, that.listed); // //2 添加数据,key可以重复。不会被覆盖。因此可以多文件上传。多文件都放在同一个formData对象中 formData.append('id', that.consult_data.users[index].id); formData.append('cert', that.$refs['rend' + index].files[0]); // //3 发送请求, 注意请求头数据类型要用 'multipart/form-data' that.axios .post(`entryFormController/uploadCert.do`, formData, { 'Content-Type': 'multipart/form-data;', }) .then((res) => { if (res.data.code == 200) { that.$message.success('操作成功'); that.teamList(that.consult_data); } console.log(res); }); },
标签:vue,证书,上传,formData,multipart,res,data,append From: https://www.cnblogs.com/book-student/p/16714625.html