文件下载后端返回base64文件流，使用a标签下载

常威在打来福~

已于 2023-05-17 15:49:44 修改

阅读量737

点赞数

文章标签： javascript 前端 java

于 2023-05-17 15:41:38 首次发布

本文链接：https://blog.csdn.net/weixin_41166682/article/details/130727475

版权

后端接口返回base64文件流
在这里插入图片描述

<a
  @click="downloadFiles(item.fileName, item.url)"
  >{{ item.fileName }}</a
>


async downloadFiles(fileName, url) {
      const splitArr = url.split(".");
      const splitStr = splitArr[splitArr.length - 1];
      const ret = await getCourtInvestDeductAttachDownload({ url });
      if (ret.retCode === 0) {
        const a = document.createElement("a");
        a.download = `${fileName}.${splitStr}`;
        a.href = `data:;base64,${ret.data.fileBase64}`;
        a.id = "download-id";
        document.querySelector("body").append(a);
        a.click();
        document.querySelector("#download-id").remove();
      }
    },