vue-axios+springboot实现文件流下载

news/2024/12/26 5:38:11/

前端vue代码:

<template><div class="app-container documentation-container"><div><el-button type="primary" @click="downloadFile('test.xlsx')">下载test.xlsx</el-button></div></div>
</template><script>
import axios from 'axios'export default {name: 'Documentation',data() {return {}},methods: {downloadFile(fileName) {axios.get('http://localhost:8081/t/downloadFile/' + fileName, {responseType: 'blob'}).then(function (response) {// 处理成功情况console.log("res:", response);if (response.headers['content-Disposition'] || response.headers['content-type'] == 'application/octet-stream') {console.log(11);let data = response.data;console.log('data', data);let blob = new Blob([data], {type: 'application/octet-stream'});let href = window.URL.createObjectURL(blob);let aElement = document.createElement('a');aElement.setAttribute('download', fileName);aElement.href = href;document.body.appendChild(aElement);aElement.click();document.body.removeChild(aElement);window.URL.revokeObjectURL(href); // 释放blob对象}}).catch(function (error) {// 处理错误情况console.log(error);});},}
}
</script>

后端代码:

@RestController
@RequestMapping("/t")
public class TestController {@CrossOrigin@RequestMapping("/downloadFile/{fileName}")public void downloadFile(HttpServletResponse response, @PathVariable("fileName") String fileName) throws IOException {String filePath = "excel/" + fileName;File file = new File(filePath);if (!file.getParentFile().exists()) {file.getParentFile().mkdir();if (!file.exists()) {file.createNewFile();}}//        response.addHeader("Content-Disposition", "attachment;filename=" + URLEncoder.encode(fileName, "UTF-8"));response.addHeader(HttpHeaders.CONTENT_DISPOSITION, ContentDisposition.attachment().filename(fileName, StandardCharsets.UTF_8).build().toString());response.addHeader(HttpHeaders.CONTENT_TYPE, MediaType.APPLICATION_OCTET_STREAM_VALUE);FileInputStream fileInputStream = new FileInputStream(file);ServletOutputStream outputStream = response.getOutputStream();byte[] buff = new byte[1024];int len = 0;while ((len = fileInputStream.read(buff)) != -1) {outputStream.write(buff, 0, len);}outputStream.flush();outputStream.close();fileInputStream.close();}
}

http://www.ppmy.cn/news/1558188.html

相关文章

L0G1000 Linux 基础知识

1.创建开发机、选择资源 2.进去开发机&#xff0c;编辑hello_world.py文件 3.SSH连接设置 4.安装环境pip install gradio 5.运行hello_world.py

设计模式-中介模式

背景&#xff08;与外观模式相似&#xff09; 智能家庭中包括各种设备&#xff1a;闹钟、咖啡机、电视机、窗帘。 主人要看电视时&#xff0c;执行以下操作&#xff1a;闹钟响起-》咖啡机做咖啡-》窗帘自动落下-》电视开始播放 传统思路&#xff1a; 闹钟类接收命令&#x…

Uniapp 手机基座调试App 打包成Apk文件,并上传到应用商店

1.Uniapp手机基座调试App。 1.1 以下是我另一篇文章 讲解 uniapp连接手机基座调试App、 Hbuildx使用SUB运行到手机基座测试_hbuilder基座-CSDN博客 2.打包本地的uniapp项目为apk文件。 打包的方式有很多种&#xff0c;我们可以选择本地打包和远程云端打包两种方式。 我们在打包…

SpringAI人工智能开发框架005---SpringAI文本转语音_语音转文本_音频翻译程序接口编写_英文音频翻译_中文音频翻译_指定模型

可以看到SpringAi中关于音频的API帮助文档可以去看一下. 可以看到帮助文档. 这部分功能就是把声音变成文本,以及把文本变成声音. 去创建一个项目 然后修改一下,仓库,引入 sring ai的仓库 然后指定一下版本,这里要用java 17的版本. 然后这里用的api-key 这个key, 这里配置到…

详解下c语言中struct和union的对齐规则

接触过c语言的同学应该都知道字节对齐。有些时候我们很容易弄错字节对齐的方式&#xff0c;特别是涉及到struct&#xff08;结构体&#xff09;和union&#xff08;联合体&#xff09;时。今天我们通过详细例子来说明下struct和union的对齐规则&#xff0c;以便了解各种struct和…

ffmpeg翻页转场动效的安装及使用

文章目录 前言一、背景二、选型分析2.1 ffmpeg自带的xfade滤镜2.2 ffmpeg使用GL Transition库2.3 xfade-easing项目三、安装3.1、安装依赖([参考](https://trac.ffmpeg.org/wiki/CompilationGuide/macOS#InstallingdependencieswithHomebrew))3.2、获取ffmpeg源码3.3、融合xf…

LeetCode每日三題(三

一、環形鏈表 自己答案&#xff1a; /*** Definition for singly-linked list.* class ListNode {* int val;* ListNode next;* ListNode(int x) {* val x;* next null;* }* }*/ public class Solution {public boolean hasCycle(ListNode …

【ARM】MDK-编译时Linker Error:Internal fault

【更多软件使用问题请点击亿道电子官方网站】 1、 文档目标 记录问题ARMCLANG: Linker Error: Internal fault: [0xb3b91b:6120001]的解决方案&#xff0c;以及添加原厂对于该问题的说明链接&#xff0c;为同事解决该问题提供参考。 2、 问题场景 客户在编译时linking中出现…