Angular前端和Spring后端文件下载不起作用或文件损坏
创始人
2024-10-29 02:00:40
0
  1. 确保后端正确配置文件下载功能。以下示例是Spring MVC中的文件下载控制器:

@Controller @RequestMapping("/download") public class DownloadController {

@Autowired
private FileStorageService fileStorageService;

@GetMapping("/{fileName:.+}")
public ResponseEntity downloadFile(@PathVariable String fileName) {
    Resource resource = fileStorageService.loadFileAsResource(fileName);

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

}

  1. 在Angular中使用HttpClient对后端控制器进行HTTP GET请求。以下是一个使用Angular HttpClient进行文件下载的示例:

constructor(private http: HttpClient) { }

downloadFile() { const fileName = 'example.pdf'; this.http.get('/download/' + fileName, { responseType: 'blob' }) .subscribe(res => { const url = URL.createObjectURL(res); const a = document.createElement('a'); document.body.appendChild(a); a.setAttribute('style', 'display: none'); a.href = url; a.download = fileName; a.click(); window.URL.revokeObjectURL(url); a.remove(); // remove the element }, error => { console.log('Error downloading the file.'); }); }

  1. 确保文件类型和文件扩展名匹配。例如,在上面的示例中,我们将HTTP响应类型设置为“blob”。这将返回一个二进制流对象,而不是文本或Json对象。在响应结束时,我们将二进制流对象转换为URL,然后使用生成的URL创建新的“a”元素,将其附加到DOM树中,并模拟单击该元素以启动文件下载。注意,您还应该删除“a”元素并释放URL资源。

  2. 确保文件名不包含任何非法字符或路径分隔符。在我们的示例中,我们使用“fileName”参数来创建下载文件的新文件名。这种方法可以有效防止文件路径遍历(例如“/../”)攻击。

相关内容

热门资讯

透视线上!aapoker俱乐部... 透视线上!aapoker俱乐部靠谱吗(透视)透视脚本下载(好像有挂)1、aapoker俱乐部靠谱吗a...
透视辅助!德州局怎么透视,po... 透视辅助!德州局怎么透视,pokemmo免费脚本(原来有挂)1、德州局怎么透视ai辅助优化,德州局怎...
透视系统!aapoker辅助插... 透视系统!aapoker辅助插件工具(透视)发牌逻辑(总是是有挂)亲,关键说明,aapoker辅助插...
透视免费!pokemmo免费脚... 透视免费!pokemmo免费脚本,佛手在线大菠萝技巧(竟然是真的有挂)1、每一步都需要思考,不同水平...
透视美元局!aapoker透视... 透视美元局!aapoker透视脚本(透视)插件(好像真的是有挂)1、这是跨平台的aapoker透视脚...
透视中牌率!cloudpoke... 透视中牌率!cloudpoker作弊,聚星ai辅助工具下载(切实是真的有挂)一、聚星ai辅助工具下载...
透视辅助!aapoker插件(... 透视辅助!aapoker插件(透视)万能辅助器(本来是有挂)1、下载好aapoker插件辅助软件之后...
透视代打!哈糖大菠萝怎么挂,拱... 透视代打!哈糖大菠萝怎么挂,拱趴大菠萝万能挂(都是是真的有挂)透视代打!哈糖大菠萝怎么挂,拱趴大菠萝...
辅助透视!xpoker透视辅助... 辅助透视!xpoker透视辅助,pokemmo辅助器(一贯存在有挂)1、许多玩家不知道xpoker透...
透视实锤!aa poker辅助... 透视实锤!aa poker辅助(透视)辅助(果然是有挂)1、完成aa poker辅助的残局,帮助玩家...