vue请求springboot接口下载zip文件
说明
其实只需要按照普通文件流下载即可，以下是一个例子，仅供参考。
springboot接口
@RestController
@RequestMapping("/api/files")
public class FileController {@GetMapping("/download")public ResponseEntity<Resource> downloadFile() throws IOException {// Assume the ZIP file is located in the resources folderFile file = new File("src/main/resources/sample.zip");InputStreamResource resource = new InputStreamResource(new FileInputStream(file));return ResponseEntity.ok().header(HttpHeaders.CONTENT_DISPOSITION, "attachment;filename=sample.zip").contentType(MediaType.APPLICATION_OCTET_STREAM).contentLength(file.length()).body(resource);}
}
- 或者是采用传统
@GetMapping(value = "/download")public void exportTasks(HttpServletResponse response) throws IOException {try {String filePath = "d:/tmp/aaa.zip";File file = new File(filePath);if (!file.exists()) {throw new FileNotFoundException("File not found: " + filePath);}String fileName = FilenameUtils.getName(filePath);// 对中文文件名进行编码String zipFileName = URLEncoder.encode(fileName, CharsetUtil.UTF_8);response.setHeader("Content-disposition", "attachment; filename=" + URLEncoder.encode(zipFileName, "utf-8"));response.setContentType("application/octet-stream;charset=UTF-8");try (InputStream inputStream = new FileInputStream(file);OutputStream outputStream = response.getOutputStream()) {byte[] buffer = new byte[4096];int bytesRead;while ((bytesRead = inputStream.read(buffer)) != -1) {outputStream.write(buffer, 0, bytesRead);}outputStream.flush();}} catch (Exception e) {log.error("下载出错", e);}}
vue调用
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Download ZIP Example</title>
</head>
<body><div id="app"><button @click="downloadZip">Download ZIP</button></div><!-- 引入 Vue --><script src="https://cdn.jsdelivr.net/npm/vue@2"></script><!-- 引入 Axios --><script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script><script>new Vue({el: '#app',methods: {async downloadZip() {try {const response = await axios.get('http://localhost:8080/api/files/download', {responseType: 'blob', // 处理二进制数据});const url = window.URL.createObjectURL(new Blob([response.data]));const link = document.createElement('a');link.href = url;link.setAttribute('download', 'sample.zip'); // 下载的文件名document.body.appendChild(link);link.click();link.remove();} catch (error) {console.error('Error downloading the file:', error);}}}});</script>
</body>
</html>
执行效果
相关文章：
vue请求springboot接口下载zip文件
说明 其实只需要按照普通文件流下载即可，以下是一个例子，仅供参考。 springboot接口 RestController RequestMapping("/api/files") public class FileController {GetMapping("/download")public ResponseEntity<Resource>…...
PySide6||QPushButton的QSS样式
1、狗狗拜按钮 QQ202484-03338 (online-video-cutter.com) /* QPushButton的基本样式 */ QPushButton { background-image:url(:/xxx/第1帧.png); /* 设置背景图片 */ background-repeat: no-repeat; /* 不重复背景图片 */ background-position: center; /* 将背景图片居中…...
HarmonyOS鸿蒙应用开发之ArkTS基本语法
ArkTS（Ark TypeScript）是一种基于TypeScript的扩展语言，专为鸿蒙应用开发设计。它在保持TypeScript基本语法风格的基础上，对TypeScript的动态类型特性施加了更严格的约束，并引入了静态类型，以减少运行时开销…...
Web开发-CSS篇-上
CSS的发展历史 CSS（层叠样式表）最初由万维网联盟（W3C）于1996年发布。CSS1是最早的版本，它为网页设计提供了基本的样式功能，如字体、颜色和间距。随着互联网的发展，CSS也不断演进： C…...
在mac上通过 MySQL 安装包安装 MySQL 之后，终端执行 mysql 命令报错 command not found: mysql
在 mac 上通过 MySQL 安装包安装 MySQL 之后，如果在终端中运行 mysql 命令时遇到 command not found: mysql 错误，通常是因为 MySQL 的二进制文件没有被添加到系统的 PATH 环境变量中。 解决方法：手动添加 MySQL 到 PATH 环境变量 1.找到 M…...
Unity入门4——常用接口
C#中常用类和接口 DateTime：表示某个时刻 DateTime.Now：拿到系统当前时间DtaTime.TimeOfDay：获取此实例当天的时间 Quaternion：用来旋转，采用四元数，由w（实部）和x,y,z（虚…...
职业教育云计算实验实训室建设应用案例
云计算作为信息技术领域的一次革命，正在深刻改变着我们的工作和生活方式。随着企业对云计算技术的依赖日益加深，对具备云计算技能的专业人才的需求也日益迫切。职业院校面临着培养符合行业标准的云计算人才的挑战。唯众凭借其在教育技术领域的专业经验&a…...
MySQL-MHA高可用配置及故障切换
目录 案例搭建 1：所有服务器关闭防火墙 2：设置hosts文件 3：安装 MySQL 数据库 4：修改参数 5：安装 MHA 软件 6：配置无密码认证 7：配置 MHA 8：模拟 master 故障 MHA(MasterHi…...
Sentinel 滑动时间窗口源码分析
前言： Sentinel 的一个重要功能就是限流，对于限流来说有多种的限流算法，比如滑动时间窗口算法、漏桶算法、令牌桶算法等，Sentinel 对这几种算法都有具体的实现，如果我们对某一个资源设置了一个流控规则，并…...
猎码安卓APP开发IDE,amix STUDIO中文java,HTML5开发工具
【无爱也能发电】Xili 2024/8/2 10:41:20 猎码安卓APP开发IDE,amix java开发工具 我研发这些只有一小部分理由是为了赚钱，更多是想成就牛逼的技术产品。 目前的产品就够我赚钱的，我持续更新就好了，没必要继续研究。 IDE不赚钱，谁…...
【Deep-ML系列】Linear Regression Using Gradient Descent（手写梯度下降）
题目链接：Deep-ML 这道题主要是要考虑矩阵乘法的维度，保证维度正确，就可以获得最终的theata import numpy as np def linear_regression_gradient_descent(X: np.ndarray, y: np.ndarray, alpha: float, iterations: int) -> np.ndarray:…...
NVIDIA A100 和 H100 硬件架构学习
目前位置NV各种架构代号： NVIDIA GPU 有多个代号和架构，这些架构对应不同的世代和硬件特性。以下是 NVIDIA 主要 GPU 架构及其计算能力（Compute Capability）代号的简要概述： Tesla 架构 G80、GT200 Compute Capabi…...
企业研发设计协同解决方案
新迪三维设计，20年深耕三维CAD 全球工业软件研发不可小觑的中国力量 2003-2014 年 新迪数字先后成为达 索SolidWorks、 ANSYS Spaceclaim、MSC等三维CAD/CAE 软件厂商的中国研发中心，深度参与国际 一流工业软件的研发过程，积累了丰富的 技术经…...
iOS 18（macOS 15）Vision 中新增的任意图片智能评分功能试玩
概述 在 WWDC 24 中库克“大厨”除了为 iOS 18 等平台重磅新增了 Apple Intelligence 以外，苹果也利用愈发成熟的机器学习引擎扩展了诸多内置框架，其中就包括 Vision。 想用本机人工智能自动为我们心仪的图片打一个“观赏分”吗？“如意如意&…...
如何实现若干子任务一损俱损--浅谈errgroup
errgroup 是 Go 语言官方扩展库 x/sync 中的一个包，它提供了一种方式来并行运行多个 goroutine，并在所有 goroutine 都完成时返回第一个发生的错误（如果有的话）。这对于需要并行处理多个任务并等待它们全部完成，同时需…...
并查集的基础题
## 洛谷p1196 绿 35m 点到祖先的距离 代码： #include<bits/stdc.h> using namespace std; const int N3e510; int f[N],dist[N],num[N];//num计算祖先有多少儿子 ，dist计算距离祖先有几个 int zx(int x){ if(f[x]x)return x;//x没爸爸 e…...
[论文翻译] LTAChecker：利用注意力时态网络基于 Dalvik 操作码序列的轻量级安卓恶意软件检测
LTAChecker: Lightweight Android Malware Detection Based on Dalvik Opcode Sequences using Attention Temporal Networks 摘要： Android 应用程序已成为黑客攻击的主要目标。安卓恶意软件检测是一项关键技术，对保障网络安全和阻止异常情况至关重要。…...
HTTPS链接建立的过程
HTTPS（HyperText Transfer Protocol Secure）建立链接的过程主要是通过TLS（Transport Layer Security）协议来实现的。HTTPS的链接建立过程可以分为以下几个步骤： 1. **客户端发起请求** - 客户端向服务器发送一个请求&…...
文档控件DevExpress Office File API v24.1 - 支持基于Unix系统的打印
DevExpress Office File API是一个专为C#, VB.NET 和 ASP.NET等开发人员提供的非可视化.NET库。有了这个库，不用安装Microsoft Office，就可以完全自动处理Excel、Word等文档。开发人员使用一个非常易于操作的API就可以生成XLS, XLSx, DOC, DOCx, RTF, CS…...
IP地址封装类（InetAddress类）
文章目录 前言一、IP地址是什么？二、IP地址封装类 1.常用方法2.实操展示总结 前言 当我们想要获取到通信对方的IP地址、主机地址等信息时，我们可以使用InetAddress类。InetAddress类在java的net包中。 一、IP地址是什么？ IP地址 (Internet Pr…...
零门槛NAS搭建：WinNAS如何让普通电脑秒变私有云？
一、核心优势：专为Windows用户设计的极简NAS WinNAS由深圳耘想存储科技开发，是一款收费低廉但功能全面的Windows NAS工具，主打“无学习成本部署” 。与其他NAS软件相比，其优势在于： 无需硬件改造：将任意W…...
Appium+python自动化（十六）- ADB命令
简介 Android 调试桥(adb)是多种用途的工具，该工具可以帮助你你管理设备或模拟器 的状态。 adb ( Android Debug Bridge)是一个通用命令行工具，其允许您与模拟器实例或连接的 Android 设备进行通信。它可为各种设备操作提供便利，如安装和调试…...
postgresql|数据库|只读用户的创建和删除（备忘）
CREATE USER read_only WITH PASSWORD 密码 -- 连接到xxx数据库 \c xxx -- 授予对xxx数据库的只读权限 GRANT CONNECT ON DATABASE xxx TO read_only; GRANT USAGE ON SCHEMA public TO read_only; GRANT SELECT ON ALL TABLES IN SCHEMA public TO read_only; GRANT EXECUTE O…...
Cinnamon修改面板小工具图标
Cinnamon开始菜单-CSDN博客 设置模块都是做好的，比GNOME简单得多！ 在 applet.js 里增加 const Settings imports.ui.settings;this.settings new Settings.AppletSettings(this, HTYMenusonichy, instance_id); this.settings.bind(menu-icon, menu…...
【论文笔记】若干矿井粉尘检测算法概述
总的来说，传统机器学习、传统机器学习与深度学习的结合、LSTM等算法所需要的数据集来源于矿井传感器测量的粉尘浓度，通过建立回归模型来预测未来矿井的粉尘浓度。传统机器学习算法性能易受数据中极端值的影响。YOLO等计算机视觉算法所需要的数据集来源于…...
uniapp微信小程序视频实时流+pc端预览方案
方案类型技术实现是否免费优点缺点适用场景延迟范围开发复杂度WebSocket图片帧定时拍照Base64传输✅ 完全免费无需服务器 纯前端实现高延迟高流量 帧率极低个人demo测试 超低频监控500ms-2s⭐⭐RTMP推流TRTC/即构SDK推流❌ 付费方案 （部分有免费额度&#x…...
Java面试专项一-准备篇
一、企业简历筛选规则 一般企业的简历筛选流程：首先由HR先筛选一部分简历后，在将简历给到对应的项目负责人后再进行下一步的操作。 HR如何筛选简历 例如：Boss直聘（招聘方平台） 直接按照条件进行筛选 例如：…...
Maven 概述、安装、配置、仓库、私服详解
目录 1、Maven 概述 1.1 Maven 的定义 1.2 Maven 解决的问题 1.3 Maven 的核心特性与优势 2、Maven 安装 2.1 下载 Maven 2.2 安装配置 Maven 2.3 测试安装 2.4 修改 Maven 本地仓库的默认路径 3、Maven 配置 3.1 配置本地仓库 3.2 配置 JDK 3.3 IDEA 配置本地 Ma…...
大语言模型（LLM）中的KV缓存压缩与动态稀疏注意力机制设计
随着大语言模型（LLM）参数规模的增长，推理阶段的内存占用和计算复杂度成为核心挑战。传统注意力机制的计算复杂度随序列长度呈二次方增长，而KV缓存的内存消耗可能高达数十GB（例如Llama2-7B处理100K token时需50GB内存&a…...
人机融合智能 | “人智交互”跨学科新领域
本文系统地提出基于“以人为中心AI(HCAI)”理念的人-人工智能交互(人智交互)这一跨学科新领域及框架,定义人智交互领域的理念、基本理论和关键问题、方法、开发流程和参与团队等,阐述提出人智交互新领域的意义。然后,提出人智交互研究的三种新范式取向以及它们的意义。最后,总结…...