Vue 前端导出后端返回的excel文件

<Card class="mt20" title="设备数据"><div slot="extra"><a class="ml10" href="#" @click.prevent="toExcel"><Icon type="md-download" />导出设备表</a></div></Card>

    // 导出excel表toExcel () {const data = {leftTime: this.leftTime,pageIndex: 1,pageSize: 10,rightTime: this.rightTime,type: 2}toExcel(data).then(res => {if (!res.data) {return}const blob = new Blob([res.data])const url = window.URL.createObjectURL(blob)const aLink = document.createElement('a')aLink.style.display = 'none'aLink.href = url// let fileName = decodeURIComponent(res.headers['content-disposition'].split('filename=')[1])aLink.setAttribute('download', '用户活跃记录表.xlsx')document.body.appendChild(aLink)aLink.click()document.body.removeChild(aLink) // 下载完成移除元素window.URL.revokeObjectURL(url) // 释放掉blob对象}, err => {// 接口错误console.log(err)}).catch((err) => {// 处理逻辑出错console.log(err)})},

仔细看axios请求加了个responseType: ‘blob’ 配置

export const toExcel = data => {return axios.request({url: 'xxxxx',data,method: 'post',responseType: 'blob'})
}

Vue 前端导出后端返回的excel文件相关推荐

前端处理后端返回的excel文件流并下载
项目中遇到上传excel,后端写的接口是当重复上传相同信息的excel时会吐出excel二进制文件流,这种文件流需要前端下载供用户看. 首先后端的接口需要上传文件已formData形式上传这里我用的 ...
前端用 js-file-download组件下载后端返回的Excel文件
后端接口返回的Excel的文件流需要导出让浏览器下载文件一.先安装 js-file-download组件 npm install js-file-download --save 二.在对应使用的页面 ...
Excel文档导出-后端返回文件流，前端实现下载功能
最近在做项目的时候遇到Excel导出功能,后端返回的是文件流,前端如何实现下载功能,以下是项目用的源码,有需要可直接复制使用: // 导出exporttable() {this.axios({meth ...
vue 后端返回二进制流文件，前端如何实现下载？
目录 1. axios 请求二进制流文件导出文件 1.1 后台返回的二进制流: 1.2 使用: 1.3 需要注意以下几点: 2. 关于 arraybuffer 和 blob 2.1 ArrayBuff ...
Vue+iview将表格table以excel文件导出的几种方式
前言在日常工作中,若是经常跟后台管理系统打交道的朋友想必对导出excel表格这种需求肯定很熟悉吧.不过我也问了身边的一些岗位为后端工程师的朋友,他们说在公司的话一般导出excel表格的工作一般由后端 ...
vue前端处理后台返回的Long型数据精度丢失
vue前端处理后台返回的Long型数据精度丢失问题描述开发时后端返回的id为Long型,结果发现俩id怎么会一样呢?如下图是控制台Preview返回的数据正以为是后端那边数据有误时,我点开Res ...
前端将后端返回的带颜色的数据进行转换
前端将后端返回的带颜色的数据进行转换因为之前在调用后端接口的时候后端返给我的数据显示乱码:具体如下图所示: 然后这些数据在后台显示的是这样的的,如下图所示: 根据以上这三幅图片可以看到有些数据 ...
php mysql生成excel文件,PHP导出MySQL数据到Excel文件简单示例
这篇文章主要为大家详细介绍了PHP导出MySQL数据到Excel文件简单示例,具有一定的参考价值,可以用来参考一下. 对phpPHP导出MySQL数据到Excel文件简单示例感兴趣的小伙伴,下面一起跟 ...
anki 插入表格_Anki之导出卡牌组到Excel文件
最近有导出Anki卡牌组到Excel文件的需要,查到了这个教程,Anki插件--导出卡牌到Excel文件-LearnHacks,但结果并不令人满意,所导出的Excel文件只有一列,所选中的卡片字段全部 ...

Vue 前端导出后端返回的excel文件

Vue 前端导出后端返回的excel文件相关推荐

最新文章

热门文章