vue接收Excel文件流并下载

VUE接收文件流并转换成Excel表格下载到本地:
一：安装vue自带的插件

npm install --save js-file-download

二：引入js-file-download

import fileDownload from 'js-file-download';

三：声明一个button

<el-form-item><el-button type="link" :loading="loadingFlag" @click="exportExcel">导出</el-button></el-form-item>

四，定义exportExcel事件

exportExcel(){let data = {//请求参数page: this.currentPage,pageSize: this.pageSize,param: this.searchData,};this.$confirm('确定导出？','操作提示',{confirmButtonText:'确定',cancelButtonText:'取消',type:'warning',center:true}).then(()=>{exportExcel(data).then( (res) => { //$api.exporPersontExcel或者api文件的接口let date= this.getDate();//fileDownload("blob字节流",“fileName”)fileDownload(res.data, "主产品提货单.xlsx");this.$message({message: '成功！',type: 'success'});})}).catch( err => {this.$message({type: 'error',message: '取消!'});})},

export const exportExcel = (data) => {return axios({url: `${prefix}sales/billMain/exportExcel`,method: 'post',data,'responseType':"blob" })
}

vue接收Excel文件流并下载相关推荐

vue 接收后端文件流并下载
在vue框架中, 接收并下载文件流(blob对象) 可以通过将其转成blob对象,添加到a标签或者iframe标签中来模拟下载(或者pdf预览) 1.首先设置responseType对象格式为 blo ...
js接收excel文件流并解析下载文件
情景:后端为post请求,且接口返回为excel文件流方法: 1.使用原生XMLHttpRequest 2.使用原生fetch 3.使用axios import qs from 'qs'import ...
前端处理后端返回的excel文件流并下载
项目中遇到上传excel,后端写的接口是当重复上传相同信息的excel时会吐出excel二进制文件流,这种文件流需要前端下载供用户看. 首先后端的接口需要上传文件已formData形式上传这里我用的 ...
react接收后端文件_React获取Java后台文件流并下载Excel文件流程解析
记录使用blob对象接收java后台文件流并下载为xlsx格式的详细过程,关键部分代码如下. 首先在java后台中设置response中的参数: public void exportExcel(Htt ...
SpringBoot+Vue下载Excel文件流（No converter、Excel乱码）
目录介绍 No converter Excel乱码正确代码后端代码前端代码方法1 方法2 方法3 介绍后端使用SpringBoot.Mybatis Plus,前端使用Vue,进行Excel ...
Java实现Excel下载，excel文件流输出到浏览器
关于实现Excel下载,我使用的是easypoi, easypoi功能如同名字easy,主打的功能就是容易,让一个没见接触过poi的人员就可以方便的写出Excel导出,Excel模板导出,Excel导 ...
nodejs调用后端接口返回excel文件流，nodejs再转发前端实现下载excel
今天在项目上遇到了一个问题,就是后端接口返回excel文件流,然后前端实现下载excel,前端下载的excel文件居然无法打开! 在网上搜索了很多对应的资料,也尝试了很多办法,还是没能解决,最后在这篇 ...
(vue)vue导出excel文件打不开，或者文件内容为object object
(vue)vue导出excel文件打不开,或者文件内容为object object[已解决] bug: 主要原因:没有注意到后端返回的数据格式,需要的是res而不是res.data 正确写法: < ...
数据导出到excel文件给客户端下载的几种方法
(原创)datagrid数据导出到excel文件给客户端下载的几种方法看到这个觉得这个人很厉害,mvp啊. 我就改成这个样子了. Response.Clear(); Respons ...

vue接收Excel文件流并下载

vue接收Excel文件流并下载相关推荐

最新文章

热门文章