vue下载文件

news/2024/10/22 14:31:32/
注意
请求时加入:responseType: 'blob'
url:写全了,因为前后端端口号不同
    downloadImage(imgUrl) {let formData = new FormData();formData.append('fileName', this.getFilename(imgUrl)); // 用于后端下载文件的路径axios.post('http://localhost:8080/competition/award/downloadFile', formData, {responseType: 'blob'}).then(response => {if (response.status == 200) {console.log(response)let url = window.URL.createObjectURL(new Blob([response.data])) // 将获取的文件转化为blob格式let a = document.createElement('a'); // 此处向下是打开一个储存位置a.style.display = 'none';a.href = url;// 下面两行是自己项目需要的处理,总之就是得到下载的文件名(加后缀)即可var fileName = this.getFilename(imgUrl);a.setAttribute('download', fileName+ '.jpg');document.body.appendChild(a);a.click();//点击下载document.body.removeChild(a);// 下载完成移除元素window.URL.revokeObjectURL(url);// 释放掉blob对象this.$message.success("文件下载成功") //删除弹窗} else {this.$message.error("文件下载失败")}})},getFilename(url) {// 从图片链接中提取文件名return url.substring(url.lastIndexOf('/')+1);},

注:此代码借鉴了其他博客
后端用的MinIO:

    @RequestMapping("/downloadFile")public ResponseEntity<byte[]> download(String fileName) throws Exception {return  minioUtils.download(fileName, FileConfig.awardImg);}

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

相关文章

DehazeNet: An End-to-End System for Single ImageHaze Removal

Abstract 单图像雾霾去除是一个具有挑战性的不适定问题。现有的方法使用各种约束/先验来获得似是而非的去雾解。实现雾霾去除的关键是对输入的雾霾图像进行介质透射图的估计。在本文中&#xff0c;我们提出了一个可训练的端到端系统称为DehazeNet&#xff0c;用于介质传输估计…

美摄汽车数据匿名化方案:精准、高效、低耗

近年来随着智能网联汽车的升级迭代&#xff0c;车辆采集数据的量级与敏感度也日渐提升。以车载摄像头为例&#xff0c;当前智能汽车车身配备的摄像头数量逐渐增加&#xff0c;采集到的信息也更加复杂多样。根据来源主体不同&#xff0c;车联网敏感数据大致可以划分为以下几类&a…

rk3568 Android audio 调试

rk3568 Android tiny-alsa工具 Android 平台使用audio HAL应该是Linux alsa-utils 的变种&#xff1b;相对后者前者更简单&#xff0c;但是功能基本相同&#xff1b; 在使用命令遍历声卡和设备时&#xff0c;同样支持按照序号和名字索引&#xff0c;这点比较赞。录音或者播放测…

leetcode:验证回文串(详解)

前言&#xff1a;内容包括&#xff1a;题目&#xff0c;代码实现&#xff0c;大致思路 题目&#xff1a; 如果在将所有大写字符转换为小写字符、并移除所有非字母数字字符之后&#xff0c;短语正着读和反着读都一样。则可以认为该短语是一个 回文串 。 字母和数字都属于字母…

PX4从放弃到精通(二十七):固定翼姿态控制

文章目录前言一、roll/pitch姿态/角速率控制二、偏航角速率控制三、主程序前言 固件版本 PX4 1.13.2 欢迎交流学习&#xff0c;可加左侧名片 一、roll/pitch姿态/角速率控制 roll/pitch的姿态控制类似&#xff0c;这里只介绍roll姿态控制&#xff0c; 代码位置&#xff1a; …

left join 中 的on的使用和on后加where 和 and 的区别

一、left join on on条件是在生成临时表时使用的条件&#xff0c;它不管on中的条件是否为真&#xff0c;都会返回左边表中的记录。 注意&#xff1a;on 后面跟的是关联表的查询条件 二、left join on and &#xff08;1&#xff09;如果and语句是对左表进行过滤的&#xff0c;…

Pandas玩转文本处理

数据处理&#xff0c;也是风控非常重要的一个环节&#xff0c;甚至说是模型成败的关键环节。因此&#xff0c;娴熟简洁的数据处理技巧&#xff0c;是提高建模效率和建模质量的必要能力。 向量化操作的概述 对于文本数据的处理(清洗)&#xff0c;是现实工作中的数据时不可或缺的…

KaiwuDB 成为中国信通院数据库应用创新实验室-汽车行业工作组副组长单位

3月29日&#xff0c;中国通信标准化协会大数据技术标准推进委员会在杭州召开本年度第一次全体工作会议。 KaiwuDB 自成为中国通信标准化协会大数据技术标准推进委员会成员单位并加入大数据技术与产品工作组&#xff08;WG1&#xff09;、数据库与存储工作组&#xff08;WG4&…