导出不用a便签重复造轮子，file-saver 导出

Jim-zf

已于 2024-03-22 11:21:08 修改

阅读量190

点赞数 2

文章标签：前端 javascript 开发语言

于 2024-03-22 11:19:33 首次发布

本文链接：https://blog.csdn.net/weixin_46600931/article/details/136935480

版权

本文介绍了如何在JavaScript项目中通过file-saver第三方插件将Base64编码的数据转换为Excel文件，并使用saveAs方法保存到本地。作者提供了b64toBlob和onFileSaver函数的实现示例。

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

利用第三方插件file-saver

yarn add -s file-saver

文件流

import * as FileSaver from 'file-saver';  // 引用

export function onFileSaver(data: any, name: any) { 

  //data 文件流 ， name 文件名

  const blob = b64toBlob(data, 'application/vnd.ms-excel');

  FileSaver.saveAs(blob, `${name}.xlsx`);

}

export function b64toBlob(b64Data: string, contentType: string) {

  contentType = contentType || '';

  const sliceSize = 512;

  const byteCharacters = atob(b64Data);

  const byteArrays = [];

  for (let offset = 0; offset < byteCharacters.length; offset += sliceSize) {

    const slice = byteCharacters?.slice(offset, offset + sliceSize);

    const byteNumbers = new Array(slice.length);

    for (let i = 0; i < slice.length; i++) {

      byteNumbers[i] = slice.charCodeAt(i);

    }

    const byteArray = new Uint8Array(byteNumbers);
    // @ts-ignore
    byteArrays.push(byteArray);

  }

  const blob = new Blob(byteArrays, { type: contentType });

  return blob;

}

调用onFileSaver