vue下载图片

 

 

  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);

      }

    },