首页 > 其他分享 >vue上传证书

vue上传证书

时间:2022-09-21 10:12:32浏览次数:67  
标签:vue 证书 上传 formData multipart res data append

 

 

 

 //队伍证书上传
    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

相关文章