随笔 - 34 文章 - 0 评论 - 1 阅读 - 29681

vue上传证书

//队伍证书上传
   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);
       });
   },