问题描述
使用 angular8 和 spring boot 下载文件。 Spring Boot 服务部分与 Postman 合作。但是当我使用 angular 下载时，出现错误。error
它不会出现在 console.log ("File response:",response) 部分。
downloadFile(event) {
this.additionalDocumentService.getFileDownload(event.fileId).subscribe(response => {
console.log("File response:",response)
this.downloadFile = response;
});
}
getFileDownload(fileId: number): Observable<any> {
return this.http.get(apiHost + '/downloadFile/' + fileId);
}
@RequestMapping("/downloadFile/{dosyaId}")
public ResponseEntity<HttpStatus> handleFileDownloadPage(HttpServletRequest request,HttpServletResponse response,@PathVariable(value = "fileId") Integer fileId) throws IOException,Exception {
File file = fileService.getFileId(fileId);
if (StringUtils.hasText(dosya.getFilePath())) {
ServletoutputStream out = response.getoutputStream();
InputStream stream = null;
try {
-
stream = new FileInputStream(file.getFilePath());
int bytesRead = 0;
byte[] buffer = new byte[8192];
response.setContentType("application/octet-stream");
response.setHeader("Content-disposition",String.format(" attachment; filename=\"%s\"",file.getFileName()));
while ((bytesRead = stream.read(buffer,8192)) != -1) {
out.write(buffer,bytesRead);
}
out.flush();
} catch (Exception e) {
System.err.println(e.toString());
} finally {
out.close();
if (stream != null) {
stream.close();
}
}
return null;
}
return ResponseEntity.ok(HttpStatus.OK);
}
解决方法
以下函数将接受任何文件类型并弹出下载窗口：
downloadFile(route: string,filename: string = null): void{
const baseUrl = 'http://myserver/index.php/api';
const token = 'my JWT';
const headers = new HttpHeaders().set('authorization','Bearer '+token);
this.http.get(baseUrl + route,{headers,responseType: 'blob' as 'json'}).subscribe(
(response: any) =>{
let dataType = response.type;
let binaryData = [];
binaryData.push(response);
let downloadLink = document.createElement('a');
downloadLink.href = window.URL.createObjectURL(new Blob(binaryData,{type: dataType}));
if (filename)
downloadLink.setAttribute('download',filename);
document.body.appendChild(downloadLink);
downloadLink.click();
}
)
}