Angular前端Spring后端文件下载不起作用或损坏。
创始人
2024-10-29 02:00:45
0

在Spring后端中,可以使用以下代码来实现文件下载:

@GetMapping("/download/{fileName}") public ResponseEntity downloadFile(@PathVariable String fileName) throws IOException { File file = new File(fileName); ByteArrayResource resource = new ByteArrayResource(Files.readAllBytes(file.toPath())); return ResponseEntity.ok() .header(HttpHeaders.CONTENT_DISPOSITION, "attachment;filename=" + file.getName()) .contentLength(file.length()) .contentType(MediaType.APPLICATION_OCTET_STREAM) .body(resource); }

在Angular前端中,可以使用以下代码来下载文件:

downloadFile(fileName: string) { this.http.get('http://localhost:8080/api/download/' + fileName, { responseType: 'blob' }) .subscribe(res => { const a = document.createElement('a'); const objectUrl = URL.createObjectURL(res); a.href = objectUrl; a.download = fileName; a.click(); URL.revokeObjectURL(objectUrl); }); }

这个代码片段使用Angular的HttpClient来发出GET请求以获取文件,并使用Blob作为响应类型,以便在URL.createObjectURL中使用它。downloadFile方法中创建一个a元素,并将其属性设置为用于下载文件的objectUrl。最后,a元素的click()方法被调用以下载文件,文件下载后需要销毁objectUrl以释放内存。

相关内容

热门资讯

透视系统!wpk辅助购买,we... 透视系统!wpk辅助购买,wepoker辅助器怎么用,三分钟了解(有挂方法)1、快速入门:当你通过点...
透视有挂!wpk脚本是什么,德... 透视有挂!wpk脚本是什么,德州透视脚本,必胜教程(先前真的是有挂)需要回顾用户提供的搜索结果,比如...
透视有挂!红龙poker透视工... 透视有挂!红龙poker透视工具,wpk透视辅助靠谱吗,热点讨论(有挂教程),您好,wpk透视辅助靠...
透视新版!wepoker辅助透... 透视新版!wepoker辅助透视软件,拱趴大菠萝有挂吗,软件教程(原先存在有挂);wepoker辅助...
透视教学!wepoker辅助器... 透视教学!wepoker辅助器怎么用,aapoker透视脚本下载,玩家实测(有挂规律)1、每个玩家都...
透视ai代打!wepoker底... WePoke高级策略深度解析‌;透视ai代打!wepoker底牌透视脚本下载,wepoker好友房开...
透视透视!aapoker透视脚... 透视透视!aapoker透视脚本,aapoker辅助插件工具,重要通知(有挂教学)是一款可以让一直输...
透视好友房!wepoker辅助... 《wepoker辅助透视软件软件透明挂》是一款多人竞技的wepoker辅助透视软件辅助透视游戏,你将...
透视app!wepoker透视... 透视app!wepoker透视脚本下载,hhpoker辅助下载,一分钟了解(有挂规律)1.wepok...
透视有挂!aapoker辅助工... 透视有挂!aapoker辅助工具存在吗,wepoker透视最简单三个步骤,普及教程(原生存在有挂);...