前端使用file-saver 和 xlsx 生成下载表格

项目场景:

前端使用file-saver 和 xlsx 生成下载表格:`


 exportValidationErrExcel() {
    import("xlsx").then(xlsx => {
      const field = ['idx', 'cell', 'reason'];
      const label = { idx: this.i18n.getTranslate('rowNum'), cell: this.i18n.getTranslate('cellContent'), reason: this.i18n.getTranslate('import.err') };
      let worksheet = xlsx.utils.json_to_sheet(this.validationResult, { header: field });
      const range = xlsx.utils.decode_range(worksheet['!ref'])
      for (let c = range.s.c; c <= range.e.c; c++) {
        const header = xlsx.utils.encode_col(c) + '1'
        worksheet[header].v = label[worksheet[header].v]
      }
      const workbook = { Sheets: { 'data': worksheet }, SheetNames: ['data'] };
      const excelBuffer: any = xlsx.write(workbook, { bookType: 'xlsx', type: 'array' });

      this.saveAsExcelFile(excelBuffer, this.i18n.getTranslate('import.err') + this.fileToProcess.split('.')[0] + ".xlsx");
    });
  }
  saveAsExcelFile(buffer: any, fileName: string): void {
    // import("file-saver").then(FileSaver => {
      let EXCEL_TYPE = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8";
      const data: Blob = new Blob([buffer], {
        type: EXCEL_TYPE
      });
      saveAs(
        data,
        fileName
      );
    // });
  }
  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值