当前位置: 首页 > news >正文

关于在vue2中接受后端返回的二进制流并进行本地下载

后端接口返回:

前端需要在两个地方写代码:

1.封装接口处,responseType: 'blob'

2.接收相应处

download() {if (this.selectionList.length == 0) {this.$message.error("请选择要导出的数据!");} else {examineruleExport().then((res) => {// 处理二进制数据并创建 Blob 对象const blobObj = new Blob([res], { type: 'application/octet-stream' });// 创建一个链接并设置下载属性const downloadLink = document.createElement("a");let url = window.URL || window.webkitURL || window.moxURL; // 兼容不同浏览器的 URL 对象url = url.createObjectURL(blobObj);downloadLink.href = url;downloadLink.download = '东宋泵站绩效考核评分标准表.xlsx'; // 设置下载的文件名// 将链接添加到 DOM 中,模拟点击document.body.appendChild(downloadLink);downloadLink.click();// 移除创建的链接和释放 URL 对象document.body.removeChild(downloadLink);window.URL.revokeObjectURL(url);});}},

具体内容参考:vue 将后端返回的二进制流进行处理并实现下载_vue 二进制流 下载文件-CSDN博客

http://www.lryc.cn/news/471162.html

相关文章:

  • [BUG]warn(f“Failed to load image Python extension: {e}“)的解决办法
  • 配置MUX VLAN 的实验配置
  • 高考相关 APP 案例分享
  • AI的出现对计算机相关类型的博客或论坛的影响
  • [LeetCode] 784. 字母大小写全排序
  • 大数据Azkaban(二):Azkaban简单介绍
  • Vue3_开启全局websocket
  • PTA 社交集群
  • USB Type-C 受电端取电快充协议芯片,支持PD+QC+FCP+SCP+AFC快充协议
  • C++ 模板专题 - 参数约束
  • 电商行业 | 用好企业培训工具,打造精英团队!
  • python进阶集锦
  • 8.C++小练习
  • 实现YOLO V3数据加载器:从文件系统读取图像与标签
  • 安装pygod
  • 探索Python与Excel的无缝对接:xlwings库的神秘面纱
  • CISE|暴雨受邀出席第二十六届中国国际软件博览会
  • OpenEuler22.03-sp2下安装docker-非常实用
  • 【学术会议论文投稿】前端框架巅峰对决:React、Vue与Angular的全面解析与实战指南
  • [0152].第3节:IDEA中工程与模块
  • 【modbus协议】libmodbus库移植基于linux平台
  • SpringBoot+Minio实现多文件下载和批量下载
  • 3.swoole安装【Docker】
  • React 探秘(三): 时间切片
  • OSError: Can‘t load tokenizer for ‘bert-base-uncased‘.
  • 中国人寿财险青岛市分公司:专业团队,卓越服务
  • 【SpringCloud】基础问题
  • 牛客网刷题(1)(java之数据类型、数组的创建(静态/动态初始化)、static关键字与静态属性和方法、常用的servlet包、面向对象程序设计方法优点)
  • 电磁干扰(EMI)与电磁兼容性(EMC)【小登培训】
  • 保险行业的智能客服:企业AI助理与知识库的加速效应