下载（导出），返回为bytes的字节流，先将bytes转换为blob，再下载

最新推荐文章于 2024-07-16 12:49:52 发布

凹凸曼与程序猿

最新推荐文章于 2024-07-16 12:49:52 发布

阅读量755

点赞数

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/weixin_43994675/article/details/121222732

版权

这段代码展示了如何将Base64编码的数据转换为Blob对象，并用于创建一个Excel文件下载。它涉及到atob函数用于解码Base64，然后通过Blob构造函数组合字节数组，最后创建一个下载链接并触发文件下载。

摘要由CSDN通过智能技术生成

      //base64转blob
    b64toBlob(b64Data, contentType, sliceSize) {
      contentType = contentType || "";
      sliceSize = sliceSize || 512;
      let byteCharacters = atob(b64Data);
      let byteArrays = [];
      for (
        let offset = 0;
        offset < byteCharacters.length;
        offset += sliceSize
      ) {
        let slice = byteCharacters.slice(offset, offset + sliceSize);
        let byteNumbers = new Array(slice.length);
        for (let i = 0; i < slice.length; i++) {
          byteNumbers[i] = slice.charCodeAt(i);
        }
        let byteArray = new Uint8Array(byteNumbers);
        byteArrays.push(byteArray);
      }
      this.blob = new Blob(byteArrays, { type: contentType });
      // console.log(123, this.blob);
      // return blob;
    },
      this.b64toBlob(response.bytes);
           let blob = new Blob([this.blob], {
                  type: "application/vnd.ms-excel",
                });
                let fileName = response.fileName;
                let downloadElement = document.createElement("a");
                let href = window.URL.createObjectURL(blob); //创建下载的链接
                downloadElement.href = href;
                downloadElement.download = decodeURI(fileName); //下载后文件名
                document.body.appendChild(downloadElement);
                downloadElement.click(); //点击下载
                document.body.removeChild(downloadElement); //下载完成移除元素
                window.URL.revokeObjectURL(href); //释放掉blob对象
      });