前端实现excel数据下载功能

工作中经常遇到下载excel表格数据的需求，后端一般都返回文件流的格式，前端需要解析成excel的形式下载到本地，废话不多说上代码

// 下载文件download(params) {if (window.Blob) {const xhr = new XMLHttpRequest();xhr.onreadystatechange = function () {if (xhr.readyState === 4) {if (xhr.status == 200) {let res = xhr.response;let file = new Blob([res]);let fileName = "质控列表.xlsx";if (window.navigator && window.navigator.msSaveOrOpenBlob) {window.navigator.msSaveOrOpenBlob(file, fileName);}// for Non-IE (chrome, firefox etc.)else {var a = document.createElement("a");a.download = fileName;a.href = window.URL.createObjectURL(file);$("body").append(a);a.click();$(a).remove();}}}};xhr.open("POST", "后端接口url", true);xhr.responseType = "arraybuffer"; //arraybuffer也可以xhr.setRequestHeader("token", window.sessionStorage.getItem("token"));xhr.setRequestHeader("customer",window.sessionStorage.getItem("customerId"));xhr.send(JSON.stringify(params));}}

前端实现excel数据下载功能相关推荐

私人影院微信小程序源码，采用腾讯小程序云开发，包括影院动态，最新影讯，房间预约，后台预约管理，导出预约表格Excel数据等功能
功能介绍私人影院是很多年轻人比较喜欢的地方,虽然空间小,但是他们喜欢在这样的空间里享受休闲的时光,通过提前预约订位,可以使商家和消费者节省时间,减少人力成本,大大方便业务的拓展,同时也保持私密性.本 ...
纯jquery 前端导入 Excel数据减少服务端压力
纯jquery 前端导入 Excel数据减少服务端压力前提是要导入jq库在这里就不再累述重要的是导入xlsx.core.min.js 我根据xlsx.core.min.js编写自己的工具类这里 ...
html滚屏点击弹出滚屏相应信息_自然人电子税务局扣缴端新增人员信息及申报明细数据下载功能...
自然人电子税务局扣缴端8月份升级,新增人员信息及申报明细数据下载功能. 扣缴单位安装扣缴端的报税电脑重装后,因没有提前备份或其他原因找不到扣缴端备份文件,无法使用备份文件恢复时,可以使用"历 ...
Java导出excel并下载功能
我们使用的导出并下载功能是利用一个插件叫POI的插件提供的导出功能,很实用:首先先导入Jar包: Jar包下载地址:http://poi.apache.org/ 官方文档地址:http://poi ...
简单的前端文件预览下载功能
VUE预览与下载我们大多数的项目中都能用到预览与下载功能(功能比较基础哈,大佬们不要介意)基本逻辑就是后端返回文件的url,前端利用a标签的特性来进行下载这一块就引发了如果遇到**浏览器支持的格式 ...
通用Excel数据导入功能模板
最近做了一个excel导入功能,思路很简单,给一个上传excel文件的入口,然后获取excel文件的sheet签和签中的数据,可以对数据对象进行业务处理,当然也可以数据存入数据库中代码如下:jsp页 ...
使用vue,实现前端导入excel数据
文章目录前言一.引入组件二.封装导入功能的组件 1.编写组件template 2.获取数据 3.调用接口把数据传给后端三.总结前言继前边的vue的导出功能后,自己又去在网上搜了vue导入e ...
前端导出Excel并下载到本地
常见的导出一般有两种,异步导出和同步导出,异步导出一般涉及的数据量较大,需要后台进行处理,处理成功后会返回下载链接,访问链接即可进行下载,这里介绍的是同步导出,一般数据量较小. 后端返回的数据格式一般 ...
前端导出文件前端导出excel表格下载文件
导出文件的过程前端发请求, 后端处理后返回文件流, 前端通过Blob解析并下载实现过程: 前端发请求需要将响应类型更改为 arraybuffer 或 blob 不设置响应类型会导致下载的文件看起 ...

前端实现excel数据下载功能

前端实现excel数据下载功能相关推荐

最新文章

热门文章