file-saver生成excel表直接上传给后台

木鱼硕 木鱼硕 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
使用
npm install file-saver --save
bower install file-saver
在浏览器上能够把table生成excel表,但是不能下载,生成后直接传给后台,咋来???????

export2Excel() {
let tables = document.getElementById("out-table");
let table_book = this.$XLSX.utils.table_to_book(tables);
var table_write = this.$XLSX.write(table_book, {
bookType: "xlsx",
bookSST: true,
type: "array"
});
try {
let userAgent = navigator.userAgent;
//兼容ie浏览器
if (userAgent.indexOf('Trident') !== -1 && userAgent.indexOf('Windows') !== -1) {
let blob = new Blob([table_write], {type: 'application/octet-stream'});
console.log(blob);
this.$FileSaver.saveAs(blob, "sheetjs.xlsx");
} else { //兼容谷歌 火狐
let file = new File([table_write], "sheetjs.xlsx", {type: "application/octet-stream"});
console.log(file);
this.$FileSaver.saveAs(file);
}
} catch (e) {
if (typeof console !== "undefined") console.log(e, table_write);
}
return table_write;
},
...全文

相关推荐

vue el-table前端 file-saver 导出excel可导出分页数据.zip

亲测 vue el-table前端使用file-saver组件,导出excel ,可导出分页数据,里面有详细步骤

qq_39232502

vue+element表格导出为Excel文件

主要为大家详细介绍了vue+element表格导出为Excel文件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

weixin_38689477

vue中导出Excel表格的实现代码

项目中我们可能会碰到导出Excel文件的需求,一般后台管理系统中居多,将table中展示的数据导出保存到本地。当然我们也可以通过一些处理来修改要导出的数据格式,具体需求具体对待。 1、首先我们需要安装3个依赖,file-saver、xlsx和script-loader。 使用npm安装: npm install file-saver xlsx -S npm install script-loader -D 使用yarn安装: yarn add file-saver xlsx -S yarn add script-loader -D 2、在/src目录下新建一个vendor(名字也可自取

weixin_38502722

VUE ElementUI 导出 excel 表格

步骤一 npm install --save xlsx file-saver 安装依赖 需要导出的页面 引入依赖 import XLSX from xlsx; import FileSaver from file-saver; 写入对应事件 // 导出事件 exportExcel() { // .table捕获excel的表格 let wb = XLSX.utils.table_to_book(document.querySelector(.table)); let wbout = XLSX.write(wb, {

weixin_38698149

vue2.0 + element UI 中 el-table 数据导出Excel的方法

1、安装相关依赖 主要是两个依赖 npm install --save xlsx file-saver 如果想详细看着两个插件使用,请移步github。 https://github.com/SheetJS/js-xlsx https://github.com/eligrey/FileSaver.js 2、组件里头引入 import FileSaver from 'file-saver' import XLSX from 'xlsx' 3、组件methods里写一个方法 exportExcel () { /* generate workbook object from table *

weixin_38642369
评论 2
收藏 已收藏
分享
返回顶部
木鱼硕
跨浏览器开发 5,006 成员 2,692 内容