vue前端导出功能（文件流导出）

旧城等待， 2022-10-06 04:55 307阅读 0赞

axios({ 
            url: "statistics/store/dataRank/export",
            method: "post",
            data: this.indexModel,
            headers: { 
              erpToken: localStorage.getItem("erpToken")
            },
            responseType: "blob"
          })
            .then(res => { 
              const blob = new Blob([res.data]);
              const fileName = "数据报表.xlsx";
              if ("download" in document.createElement("a")) { 
                // 非IE下载
                const elink = document.createElement("a");
                elink.download = fileName;
                elink.style.display = "none";
                elink.href = URL.createObjectURL(blob);
                document.body.appendChild(elink);
                elink.click();
                URL.revokeObjectURL(elink.href); // 释放URL 对象
                document.body.removeChild(elink);
              } else { 
                // IE10+下载
                navigator.msSaveBlob(blob, fileName);
              }
            })

发表评论取消回复

表情：

评论列表（有 0 条评论，307人围观）

还没有评论，来说两句吧...

相关阅读

相关前端实现Excel文件导出功能的完整指南（vue实现excel文件导出功能）

在许多业务场景中，用户需要将网页上的数据导出到Excel文件中进行进一步处理或分享。通过前端实现Excel文件的导出功能，可以提高用户体验并简化数据交互流程。

「爱情、让人受尽委屈。」/ 2024年04月24日 15:04/ 0 赞/ 117 阅读

相关 VUE前端导出表格功能实现前端从后端获取（下载，导出）文件的方法

场景: > 在很多时候需要从前端下载文件的情况，最为典型就是导出指定格式的数据一般存在两种方式：请求接口之后，直接打开请求该文件的地址，下载到本地。

Love The Way You Lie/ 2023年09月29日 22:34/ 0 赞/ 18 阅读

相关 Vue实现excel文件的导出功能（后端直接返回文件流）

后台管理系统常见的导入功能使用element的el-dialog弹窗样式 ![e2ad597c2639430ab37468b503141f29.png][] <

╰半橙微兮°/ 2023年09月28日 07:58/ 0 赞/ 148 阅读

相关 vue 导出文件

parseParams(data) { try { var tempArr = []; for (var i in da

心已赠人/ 2023年02月23日 12:10/ 0 赞/ 13 阅读

相关 Vue 前端导出、下载zip/excel文件流blob

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5aSp5aW95YOP5b6I5Ya35LqG

末蓝、/ 2022年12月07日 01:24/ 0 赞/ 378 阅读

相关 vue前端导出excel

vue前端导出excel教程，如此简单解决方法： 1.安装依赖，如果下载慢，npm也可以换成cnpm npm install file-saver -S npm

小咪咪/ 2022年12月04日 09:15/ 0 赞/ 218 阅读

相关 vue前端导出功能（文件流导出）

axios({ url: "statistics/store/dataRank/export", method: "p

旧城等待，/ 2022年10月06日 04:55/ 0 赞/ 308 阅读

相关前端导出文件及导出回调监听

本文介绍比较简单也比较常用的iframe导出方式：根据后端提供的url地址，添加到iframe的src里面，然后把iframe标签添加到body里就可以导出下载。

爱被打了一巴掌/ 2022年09月10日 08:30/ 0 赞/ 172 阅读

相关 vue实现二进制流文件导出excel

问了一下其他的后端，他们公司前端是a标签，后端是给了一个地址，a标签或者window.open()都可以实现。我们公司是后端返回的二进制流文件，实现了一下，亲测可以，没有

缺乏、安全感/ 2022年09月05日 00:15/ 0 赞/ 247 阅读

相关 java后端导出excel文件流，前端vue接收下载

1.后端excel导出工具类主要依赖  <dependency>

港控/mmm°/ 2021年09月03日 09:09/ 0 赞/ 1047 阅读