Angular前端Spring后端文件下载不起作用或损坏
创始人
2024-10-29 02:00:44
0
  1. 确认后端服务器是否正确设置了文件下载响应头,示例代码如下:
@GetMapping("/downloadFile")
public ResponseEntity downloadFile(@RequestParam String fileName) throws IOException {

    Resource resource = fileService.loadFileAsResource(fileName);

    return ResponseEntity.ok()
        .contentType(MediaType.parseMediaType("application/octet-stream"))
        .header(HttpHeaders.CONTENT_DISPOSITION, "attachment; filename=\"" + resource.getFilename() + "\"")
        .body(resource);
}

其中,loadFileAsResource()方法需要返回一个实现了 Spring 的Resource接口的文件资源对象。

  1. Angular前端中需要使用文件下载的时候,需要将响应数据以 blob 的形式接收,并使用 window.URL.createObjectURL()将其转换为文件 URL,示例代码如下:
downloadFile(fileName: string): void {
    this.fileService.downloadFile(fileName).subscribe(data => {
      let blob = new Blob([data], { type: 'application/octet-stream' });

      // 使用 createObjectURL 将响应数据转换为 URL
      let url = window.URL.createObjectURL(blob);
      let a = document.createElement('a');
      a.href = url;
      a.download = fileName;
      a.click();
      window.URL.revokeObjectURL(url);
    });
}

其中,downloadFile()方法需要返回一个Observable对象,将响应数据以二进制数据流的形式传递给subscribe()响应函数。

通过以上两步操作,应该可以解决Angular前端Spring后端文件下载不起作用或损坏的问题。

相关内容

热门资讯

透视必备!wepoker辅助脚... 透视必备!wepoker辅助脚本,wepoker游戏的安装教程(透视)真是是真的挂(哔哩哔哩)1、不...
辅助透视!德普之星透视辅助软件... 辅助透视!德普之星透视辅助软件下载,微信小程序游戏辅助器,详细脚本(真的有挂)-哔哩哔哩1.德普之星...
透视教你!德普之星透视辅助,德... 透视教你!德普之星透视辅助,德普之星辅助工具如何打开(透视)其实是真的器(哔哩哔哩)1)有没有挂:进...
透视脚本!wepoker透视挂... 透视脚本!wepoker透视挂底牌,微乐自建房免费黑科技有哪些,专业脚本(发现有挂)-哔哩哔哩进入游...
脚本曝光!aapoker辅助器... 脚本曝光!aapoker辅助器怎么用,aapoker插件(透视)本来真的是有器(哔哩哔哩)1、点击下...
透视挂透视!约局吧是否有挂,微... 透视挂透视!约局吧是否有挂,微信小程序微乐辅助免费版,透视脚本(的确有挂)-哔哩哔哩1、让任何用户在...
透视规律!约局吧开挂神器是真的... 透视规律!约局吧开挂神器是真的吗,微乐智能辅助真的假的,揭幕脚本(发现有挂)-哔哩哔哩约局吧开挂神器...
透视辅助!wepoker怎么提... 透视辅助!wepoker怎么提高运气,wepoker辅助软件视频(透视)确实存在有器(哔哩哔哩)1、...
随着!hhpoker开挂教程,... 随着!hhpoker开挂教程,微信小程序辅助器脚本,辅助透视(确实有挂)-哔哩哔哩1、完成hhpok...
脚本专业!wepoker轻量版... 脚本专业!wepoker轻量版透视方法,wepoker脚本下载(透视)确实真的是有教程(哔哩哔哩)一...