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

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

news 2026/2/7 18:15:03

后端接口返回：

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

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博客

相关文章：

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

后端接口返回： 前端需要在两个地方写代码： 1.封装接口处，responseType: blob 2.接收相应处 download() {if (this.selectionList.length 0) {this.$message.error("请选择要导出的数据！");} else {examineruleExport…...

编程日记 2024/10/29 3:22:47

[BUG]warn(f“Failed to load image Python extension: {e}“)的解决办法

在使用LlaMa-Factory工具包时，安装好环境后，输入llamafactory-cli env查看llama-factory的版本等信息时，bash提醒： /home/ubuntu/anaconda3/envs/Llama-Factory/lib/python3.10/site-packages/torchvision/io/image.py:13: UserW…...

编程日记 2024/10/29 3:20:40

配置MUX VLAN 的实验配置

概念和工作原理: MUX VLAN（Multiplex VLAN）是一种高级的VLAN技术，它通过在交换机上实现二层流量隔离和灵活的网络资源控制，提供了一种更为细致的网络管理方式。 概念与工作原理 基本概念： MUX VLAN通过定义主VLAN&am…...

编程日记 2024/10/29 3:19:39

高考相关 APP 案例分享

文章首发于https://qdgithub.com/article/2032 一、核心内容 （一）高考相关 APP 案例 圈友朱康分享高考相关的 APP。提到猿题库，其主要功能有练习册和猿辅导，都是收费的。猿题库出题给学生练习，将易错的总结起来出练习…...

编程日记 2024/10/29 3:17:37

AI的出现对计算机相关类型的博客或论坛的影响

最近越来越感觉到，AI的出现对计算机相关类型的博客是一种从寄生再到蚕食的过程。 在AI没出现之前，大家遇到问题，那一般都是去百度搜索，然后就能找到大神前辈的解答思路，这些解答思路基本都是写在博客或者论坛里的&…...

编程日记 2024/10/29 3:16:36

[LeetCode] 784. 字母大小写全排序

题目描述： 给定一个字符串 s ，通过将字符串 s 中的每个字母转变大小写，我们可以获得一个新的字符串。 返回 所有可能得到的字符串集合 。以 任意顺序 返回输出。 示例 1： 输入：s "a1b2" 输出&#xff1…...

编程日记 2024/10/29 3:15:35

大数据Azkaban（二）：Azkaban简单介绍

文章目录 Azkaban简单介绍 一、Azkaban特点 二、Azkaban组成结构 三、Azkaban部署模式 1、solo-server ode（独立服务器模式） 2、two server mode（双服务器模式） 3、distributed multiple-executor mode（分布式多…...

编程日记 2024/10/29 3:14:34

Vue3_开启全局websocket

1、封装websocket 新建文件夹"socket.ts"，路径："/utils/socket" export default (onMessage: Function) > {let socketUrl ws://171.29.8.218:8080/ems/ws/screen //socket请求地址let socket: WebSocketlet lockReconnect f…...

编程日记 2024/10/29 3:13:33

PTA 社交集群

当你在社交网络平台注册时，一般总是被要求填写你的个人兴趣爱好，以便找到具有相同兴趣爱好的潜在的朋友。一个“社交集群”是指部分兴趣爱好相同的人的集合。你需要找出所有的社交集群。 输入格式 输入在第一行给出一个正整数 N（≤1000&…...

编程日记 2024/10/29 3:11:31

USB Type-C 受电端取电快充协议芯片，支持PD+QC+FCP+SCP+AFC快充协议

前言 随着科技的飞速发展，电子设备对于快速充电的需求日益增加。为了满足这一需求，市场上涌现出了众多快充技术和产品。其中，XSP08Q诱骗取电芯片以其卓越的性能和广泛的应用场景，成为了快充领域的一颗璀璨明星。本文将对XSP08Q P…...

编程日记 2024/10/29 3:10:29

C++ 模板专题 - 参数约束

一：概述： 除了使用SFINAE对模板参数进行约束之外，还可以使用概念（Concepts）来对模板参数进行约束，确保传入的类似满足特定条件。概念（Concepts）是C20中引入的，概念是用于…...

编程日记 2024/10/29 3:09:28

电商行业 | 用好企业培训工具，打造精英团队！

在竞争激烈的电商行业中，人才是企业最宝贵的资源。如何持续提升员工的专业技能和服务水平，打造一支高效、专业的金牌员工队伍，是每个电商企业面临的重要课题。企业培训工具作为提升员工能力的关键手段，正逐渐成为电商行业不可或缺…...

编程日记 2024/10/29 3:07:26

python进阶集锦

一、迭代器和生成器 区别 关于迭代器和生成器 迭代器与生成器的区别 迭代器（Iterator）和生成器（Generator）是Python中处理序列数据的两种不同概念。迭代器是遵循迭代协议的对象，而生成器是一种特殊类型的迭代器&am…...

编程日记 2024/10/29 3:03:21

8.C++小练习

C小练习 1.练习 1.练习 计算器—加减乘除 函数调用 //简单的计算器 #include <iostream>using namespace std;//封装函数 int add(int a,int b){return a b; }int jian(int a, int b){return a - b; }int cheng(int a,int b){return a * b; }double chu(int a,int b){r…...

编程日记 2024/10/29 3:00:19

实现YOLO V3数据加载器：从文件系统读取图像与标签

引言 在深度学习项目中&#xff0c;数据准备是非常重要的一环。特别是在物体检测任务中&#xff0c;数据的组织和预处理直接影响到模型的训练效果。YOLO V3&#xff08;You Only Look Once Version 3&#xff09;作为一种高效的实时物体检测框架&#xff0c;其数据加载器的设计…...

编程日记 2024/10/29 2:59:18

安装pygod

了解pygod。 It is recommended to use pip for installation. Please make sure the latest version is installed, as PyGOD is updated frequently: pip install pygod # normal install pip install --upgrade pygod # or update if needed如果pip不是最新的&…...

编程日记 2024/10/29 2:58:17

探索Python与Excel的无缝对接：xlwings库的神秘面纱

文章目录 探索Python与Excel的无缝对接&#xff1a;xlwings库的神秘面纱1. 背景介绍&#xff1a;为何选择xlwings&#xff1f;2. xlwings是什么&#xff1f;3. 如何安装xlwings&#xff1f;4. 简单的库函数使用方法打开工作簿创建工作簿读取单元格数据写入单元格数据保存并关闭…...

编程日记 2024/10/29 2:57:16

CISE｜暴雨受邀出席第二十六届中国国际软件博览会

10月24日至26日&#xff0c;备受瞩目的第二十六届中国国际软件博览会&#xff08;简称CISE&#xff09;在国家会展中心&#xff08;天津&#xff09;圆满举办。CISE不仅汇聚了来自全国各地的顶尖软件企业和机构&#xff0c;还吸引了众多专家学者和行业精英共襄盛举&#xff0c;…...

编程日记 2024/10/29 2:53:11

OpenEuler22.03-sp2下安装docker-非常实用

1、确定系统版本是openEuler22.03-SP2 [root192 ~]# wget https://download.docker.com/linux/static/stable/x86_64/docker-20.10.23.tgz #或者自己下载之后上传到/root下&#xff0c;测试最好是自己下载到本地再上传到服务器上 下载地址&#xff1a;https://download.dock…...

编程日记 2024/10/29 2:52:09

【学术会议论文投稿】前端框架巅峰对决：React、Vue与Angular的全面解析与实战指南

【JPCS独立出版】​第三届能源与动力工程国际学术会议&#xff08;EPE 2024&#xff09;_艾思科蓝_学术一站式服务平台 更多学术会议请看&#xff1a;https://ais.cn/u/nuyAF3 引言 在快速发展的前端技术领域&#xff0c;选择合适的框架或库对于项目的成功至关重要。React、Vu…...

编程日记 2024/10/29 2:51:08

ubuntu搭建nfs服务centos挂载访问

在Ubuntu上设置NFS服务器 在Ubuntu上&#xff0c;你可以使用apt包管理器来安装NFS服务器。打开终端并运行&#xff1a; sudo apt update sudo apt install nfs-kernel-server创建共享目录 创建一个目录用于共享&#xff0c;例如/shared&#xff1a; sudo mkdir /shared sud…...

编程新知 2026/2/6 23:18:59

YSYX学习记录（八）

C语言&#xff0c;练习0&#xff1a; 先创建一个文件夹&#xff0c;我用的是物理机&#xff1a; 安装build-essential 练习1&#xff1a; 我注释掉了 #include <stdio.h> 出现下面错误 在你的文本编辑器中打开ex1文件&#xff0c;随机修改或删除一部分&#xff0c;之后…...

编程新知 2026/1/24 14:31:01

五年级数学知识边界总结思考-下册

目录 一、背景二、过程1.观察物体小学五年级下册“观察物体”知识点详解&#xff1a;由来、作用与意义**一、知识点核心内容****二、知识点的由来&#xff1a;从生活实践到数学抽象****三、知识的作用&#xff1a;解决实际问题的工具****四、学习的意义&#xff1a;培养核心素养…...

编程新知 2025/10/7 4:57:55

【RockeMQ】第2节｜RocketMQ快速实战以及核⼼概念详解（二）

升级Dledger高可用集群 一、主从架构的不足与Dledger的定位 主从架构缺陷 数据备份依赖Slave节点&#xff0c;但无自动故障转移能力&#xff0c;Master宕机后需人工切换&#xff0c;期间消息可能无法读取。Slave仅存储数据&#xff0c;无法主动升级为Master响应请求&#xff…...

编程新知 2025/9/2 3:37:40

HarmonyOS运动开发：如何用mpchart绘制运动配速图表

##鸿蒙核心技术##运动开发##Sensor Service Kit&#xff08;传感器服务&#xff09;# 前言 在运动类应用中&#xff0c;运动数据的可视化是提升用户体验的重要环节。通过直观的图表展示运动过程中的关键数据&#xff0c;如配速、距离、卡路里消耗等&#xff0c;用户可以更清晰…...

编程新知 2026/2/2 7:49:59

IP如何挑？2025年海外专线IP如何购买？

你花了时间和预算买了IP&#xff0c;结果IP质量不佳&#xff0c;项目效率低下不说&#xff0c;还可能带来莫名的网络问题&#xff0c;是不是太闹心了&#xff1f;尤其是在面对海外专线IP时&#xff0c;到底怎么才能买到适合自己的呢&#xff1f;所以&#xff0c;挑IP绝对是个技…...

编程新知 2026/1/28 3:04:35

深入浅出深度学习基础：从感知机到全连接神经网络的核心原理与应用

文章目录 前言一、感知机 (Perceptron)1.1 基础介绍1.1.1 感知机是什么&#xff1f;1.1.2 感知机的工作原理 1.2 感知机的简单应用&#xff1a;基本逻辑门1.2.1 逻辑与 (Logic AND)1.2.2 逻辑或 (Logic OR)1.2.3 逻辑与非 (Logic NAND) 1.3 感知机的实现1.3.1 简单实现 (基于阈…...

编程新知 2026/1/26 13:29:00

【Linux】自动化构建-Make/Makefile

前言 上文我们讲到了Linux中的编译器gcc/g 【Linux】编译器gcc/g及其库的详细介绍-CSDN博客 本来我们将一个对于编译来说很重要的工具&#xff1a;make/makfile 1.背景 在一个工程中源文件不计其数&#xff0c;其按类型、功能、模块分别放在若干个目录中&#xff0c;mak…...

编程新知 2026/2/4 16:04:21

SpringAI实战：ChatModel智能对话全解

一、引言&#xff1a;Spring AI 与 Chat Model 的核心价值 &#x1f680; 在 Java 生态中集成大模型能力&#xff0c;Spring AI 提供了高效的解决方案 &#x1f916;。其中 Chat Model 作为核心交互组件&#xff0c;通过标准化接口简化了与大语言模型&#xff08;LLM&#xff0…...

编程新知 2025/9/27 0:41:04

绕过 Xcode？使用 Appuploader和主流工具实现 iOS 上架自动化

iOS 应用的发布流程一直是开发链路中最“苹果味”的环节&#xff1a;强依赖 Xcode、必须使用 macOS、各种证书和描述文件配置……对很多跨平台开发者来说&#xff0c;这一套流程并不友好。 特别是当你的项目主要在 Windows 或 Linux 下开发&#xff08;例如 Flutter、React Na…...

编程新知 2026/1/10 11:35:24