Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >前端导出后端返回的数据流为xlsx文件

前端导出后端返回的数据流为xlsx文件

作者头像
风花一世月
发布于 2024-03-19 06:13:12
发布于 2024-03-19 06:13:12
25000
代码可运行
举报
文章被收录于专栏:前端前端
运行总次数:0
代码可运行

后端返回格式为PK开头

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
exportMonitor({ids:idsList}).then((res:any)=>{
                const link = document.createElement('a')
                let blob = new Blob([res], { type: 'application/vnd.ms-excel' })
                link.style.display = 'none'
                link.href = URL.createObjectURL(blob)
                let time = formatDate(new Date(),'YYYY-mm-dd HH:MM:SS');
                link.download = '任务监控' + time + '.xlsx' //下载的文件名
                document.body.appendChild(link)
                link.click()
                document.body.removeChild(link)
              })
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2023-12-04,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
【黄啊码】PHP结合vue导出excel乱码
一般有设置charset基本在前端就没啥问题,问题就在于vue导出时就出现乱码了,有可能是这个,大多数网友的解决方案就是在请求里边加上参数:responseType: 'blob', // 表明返回服务器返回的数据类型,但这里我已经提前申明返回的数据是正常的,这时候又会咋样呢?
黄啊码
2023/03/06
3.6K0
【黄啊码】PHP结合vue导出excel乱码
前端vue中文件下载的几种方式
第一种方式是前端创建超链接,通过a标签的链接向后端服务发get请求,接收后端的文件流,非常简单:
全栈程序员站长
2022/09/14
6080
excel文件下载demo案例
实际项目中excel文件下载是一个非常常见的功能,对于这个部分功能来做一个整理 <dependency> <groupId>org.apache.poi</groupId> <artifactId>poi</artifactId> <version>3.17</version> </dependency> 后端代码 @GetMapping("/exportExcel") @ApiOperation("可根
在水一方
2022/06/14
9360
前端下载二进制流文件
平时在前端下载文件有两种方式,一种是后台提供一个 URL,然后用 window.open(URL) 下载,另一种就是后台直接返回文件的二进制内容,然后前端转化一下再下载。
谭光志
2020/09/28
3.2K0
electron中 对于下载资源,断网检测实现方案
以为这样就可以解决了,但是又没有完全解决,测试断网后,又出现了一个其他问题,下载的资源是一个变成txt 文件,也就是一些错误信息。原本这样也是OK,但是提出一个要求,需要提示用户断网了
yaogengzhu
2023/12/11
4010
如何根据后端返回的 url 下载 json 文件
有时候会遇到异步接口会返回一个 url 地址,然后前端需要根据这个 url 地址去下载文件资源的需求场景。 而这个 url 其实是一个静态资源地址,并非一个经过后端接口内部处理的接口地址。 所以当尝试像下面这样使用 a 标签去执行该 url 地址,会发现它是直接预览打开的一个 json 文件(也可能是一个 txt,js 等文件)
PHP开发工程师
2022/05/16
5.5K0
如何根据后端返回的 url 下载 json 文件
JS 通过 URL 下载文件并重命名(两种方式)
訾博ZiBo
2025/01/06
1.6K0
📃前端导出Excel实践:探索xlsl的实现方式
使用XLSX库,你可以读取现有的Excel文件,提取其中的数据和元数据。例如,假设你有一个名为"data.xlsx"的Excel文件,你可以通过以下方式读取它:
linwu
2023/07/27
1.3K0
js实现使用文件流下载csv文件
在Blob对象出现之前,在javascript中一直没有比较好的方式处理二进制文件,自从有了Blob了,我们就可以使用它操作二进制数据了。现在我们开始来理解下Bolb对象及它的文件流下载应用场景。
IT工作者
2022/02/12
6.2K0
(干货)前端实现导出excel的功能
导出功能其实在开发过程中是很常见的,平时我们做导出功能的时候基本都是后台生成,我们直接只需要调一支接口后台把生成的文件放到服务器或者数据库mongodb中,如果是放到mongodb中的话,我们需要从mongodb中通过唯一生成的id去拿到文件,最后window.location.href就完事了。如果是放到服务器上,直接从服务器上下载就好了。下面我们使用另一种 H5 的新特性blob[1]对象来实现一下导出功能。
小丑同学
2020/09/20
1.4K0
Vue项目:js模拟点击a标签下载文件并重命名,URL文件地址下载方法、请求接口下载文件方法总结。
URL文件地址下载方法 一、正常情况下,我们都如此下载文件并修改文件名,在a标签上面添加download属性
江一铭
2022/06/17
7.2K0
Vue项目:js模拟点击a标签下载文件并重命名,URL文件地址下载方法、请求接口下载文件方法总结。
使用a标签下载文件
HTML中  <a>  元素(或称锚元素)可以通过它的 href 属性创建通向其他网页、文件、电子邮件地址、同一页面内的位置或任何其他 URL 的超链接。
can4hou6joeng4
2023/11/16
1.9K0
js导json数据到excel接口
//参数说明:jsonData jsonData, FileName 要导出的文件名 ,ShowLabel = 表头 function export2Excel(jsonData, FileNam
用户1220053
2019/05/26
3.6K0
JS导出JSON到Excel表格
<a href="javascript:;" id="export">导出</a> $("#export").click(function () { var Title = [{ "value": "姓名" }, { "value": "课题组" }, { "value": "手机" }, { "value": "手机短号" }, { "value": "申请人邮箱" }, { "value": "申请培训时间" }, { "value": "动物实验资格证号" }, { "value":
闻语博客
2021/01/21
14.7K0
vue如何下载后台返回的zip和excel?
我只会写Bug啊
2023/12/25
3480
Vue 前端通过 Get 和 Post 方法调用后台接口下载文件的实现方式及方法集合
下面是整合后的技术方案与应用实例,主要围绕Vue调用下载接口并实现文件下载功能展开。
小焱
2025/05/19
4160
Vue 前端通过 Get 和 Post 方法调用后台接口下载文件的实现方式及方法集合
bug 回忆录(一)
@author Ken @time 2020-09-24 22:00:55 @description 转载请备注出处,谢谢
公众号---人生代码
2020/09/30
8440
前端内存泄漏详解
我们知道了JS对内存管理是自动的,并没特殊的机制去实现。那么为什么有时候会出现内存泄漏的情况呢?主要原因在于应用程序分配内存之后,由于程序设计错误,导致无法对分配的内存进行管理,无法垃圾回收(GC)、释放内存,情况严重则会导致系统卡死。内存泄漏就是未能释放不在使用的内存。
can4hou6joeng4
2023/11/29
2500
SpringBoot + Vue 前后端分离项目下载视频文件踩坑记录
  项目服务端用的是 SpringBoot + SpringCloud + SpringDataJPA,前端用的是 Vue,有一个功能需要下载从监控中截取的视频(mp4),该视频由另一程序截取好放在某一目录下,使用 nginx 进行访问跳转,例如:视频:http://xx.xx.xx.xx:81/videoPath、web: http://xx.xx.xx.xx。
Demo_Null
2020/09/28
9560
SpringBoot + Vue 前后端分离项目下载视频文件踩坑记录
纯js实现文件下载并重命名功能
直接记录代码: /** * 获取 blob * @param {String} url 目标文件地址 * @return {cb} */ function getBlob(url,cb) { var xhr = new XMLHttpRequest(); xhr.open('GET', url, true); xhr.responseType = 'blob'; xhr.onload = function() {
用户1141560
2019/05/24
11.9K2
相关推荐
【黄啊码】PHP结合vue导出excel乱码
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验