file-saver blob前端导出excel文件

前端导出文件

安装 file-saver

npm install file-saver --save
TS：
npm install @types/file-saver --save-dev

使用file-saver

import { saveAs } from 'file-saver'

也可以定义全局的saveAs

declare namespace FileSaver {interface FileSaverOptions {autoBom: boolean;}function saveAs(data: Blob | string, filename?: string, options?: FileSaverOptions): void;// tslint:disable-next-line:unified-signaturesfunction saveAs(data: Blob | string, filename?: string, disableAutoBOM?: boolean): void;
}declare global {const saveAs: typeof FileSaver.saveAs;interface Window {saveAs: typeof FileSaver.saveAs;}
}export = FileSaver;

导出excel文件

blob 对象表示一个不可变、原始数据的类文件对象。它的数据可以按文本或二进制的格式进行读取。
Blob 是一个构造函数，创建一个 Blob 的操作如下：

/** 下载excel文件流* @params data [Object] 后台返回的文件流*         type [String] 数据的 MIME 类型*/new Blob([data], {type})saveAs(blob, fileName)// fileName 保存文件的名称，需要带后缀

 // 导出数据const exportExcelFiles = async () => {//请求后端接口fetchPolicyRenewalPolicyList({...listParams,responseType: 'blob', //blob类型// download: true,userId: undefined,}).then((res) => {const blob = new Blob([res], { type: 'text/plain;charset=utf-8' });  //res 服务器返回的文件流saveAs(blob, 'xxxx文件.xlsx');}); };

file-saver blob前端导出excel文件相关推荐

解决前端导出excel文件，打开为乱码
前端开发中,导入和导出文件是比较常见的业务场景,楼主在初次接触此类问题时,也在此卡了几天,好在问题最终也得以解决,废话不多说了直接上代码: <el-upload:on-error="u ...
vue-实战记录-前端导出excel文件、pdf文件、word文件
一.excel文件导出 1.引入npm包 npm install --save table-xlsx @pengchen/xlsx 第三方包文档:https://pengchen96.github.i ...
前端导出excel文件带样式_vue前端使用xlsx导出数据到excel中--最简单的方式
最新项目中需要将页面数据导出到excel中,首先想到的就是度娘,得到的结果都是千篇一律,答案都是你复制我我复制你的,虽然能解决问题,但是这个过程也太复杂. 既然无法改变,那就只好插手你的生活了. 废话 ...
纯前端导出excel文件（包含设置样式）
Vue前端表格导出Excel文件
前言分享一个Vue前端导出Excel文件的方法.记录学习! 功能需求:将表格的全部数据导出Excel格式的文件前端:Vue3+Element-Plus 这个导出方法全部为前端操作,后端只需要传入表 ...
SAS导出EXCEL文件的几种方法
SAS学习 SAS导出EXCEL文件的几种方法以下基于SAS 9.3简体中文版一.proc export proc export data=a.dataname outfile='D:\excel ...
如何使用JavaScript实现纯前端读取和导出excel文件（转）
转自小茗同学博客:https://www.cnblogs.com/liuxianan/p/js-excel.html js-xlsx 介绍由SheetJS出品的js-xlsx是一款非常方便的只需要纯 ...
如何使用JavaScript实现纯前端读取和导出excel文件
js-xlsx 介绍由SheetJS出品的js-xlsx是一款非常方便的只需要纯JS即可读取和导出excel的工具库,功能强大,支持格式众多,支持xls.xlsx.ods(一种OpenOffice专 ...
前端实现excel文件的导入导出
前端实现excel文件的导入导出导入文件导出文件导入文件 html: <el-dropdown v-waves @command="handleBatchCommand" ...
h5页面如何预览excel文件_如何使用JavaScript实现前端导入和导出excel文件?(H5编辑器实战复盘)...
前言最近笔者终于把H5-Dooring的后台管理系统初步搭建完成, 有了初步的数据采集和数据分析能力, 接下来我们就复盘一下其中涉及的几个知识点,并一一阐述其在Dooring H5可视化编辑器中的解 ...

file-saver blob前端导出excel文件

前端导出文件

安装 file-saver

使用file-saver

导出excel文件

file-saver blob前端导出excel文件相关推荐

最新文章

热门文章