vue下载图片

标签：vue const res blob fileReader type 下载 图片

 

 

  async works(obj) {       await this.axios({         method: 'get',         url: `entryFormController/downloadWork.do`,         params: {           id: obj,         },         responseType: 'blob', //返回是个文件       }).then((response) => {         let that = this;         // 下载文件         download(that, response);       });
      // 下载文件       function download(that, res) {         let blob = new Blob([res.data], { type: res.headers['content-type'] }); //type是文件类，详情可以参阅blob文件类型         const resData = res.data;         if (resData.type.includes('application/json')) {           const fileReader = new FileReader();           fileReader.readAsText(blob, 'utf-8');           fileReader.onloadend = () => {             const jsonData = JSON.parse(fileReader.result); // 说明是普通对象数据，后台转换失败             return that.$message.error(jsonData.message);           };           return;         }         // 创建新的URL并指向File对象或者Blob对象的地址         const blobURL = window.URL.createObjectURL(blob);
        window.open(blobURL);       }     },

 

标签：vue,const,res,blob,fileReader,type,下载,图片
From： https://www.cnblogs.com/book-student/p/16714608.html