ResponseEntity下载文件

前端依赖

FileSaver.js

前端angular

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
import FileSaver from '../xxx/FileSaver.js';

const params = {
};
return this.$http({
method: 'GET',
url: '/download.json',
// responseType必须值,否则文件下载后乱码
responseType: 'arraybuffer',
params: params
}).then(function (response) {
let body = response.data;
let contentDisposition = response.headers('Content-Disposition');
// 获取文件名
let fileName;
for (let key of contentDisposition.split(';')){
let name = key.split('=')[0].trim();
if (name === 'filename'){
fileName = key.split('=')[1].trim();
// 解决中文乱码
fileName = decodeURIComponent(escape(fileName));
// 去除首尾多余双引号
fileName = fileName.replace(/"/g, '');
}
}
if (body) {
let file = new Blob([body], {
type: "application/octet-stream"
});
FileSaver.saveAs(file, fileName);
} else {
// 下载失败
}
}).catch(error => {
this.$log.log(error);
});

后端

1
2
3
4
5
6
7
8
9
10
@GetMapping("/download.json")
public ResponseEntity<byte[]> download() {
byte[] bytes;
HttpHeaders headers = new HttpHeaders();
String filename = new String(new String("file.xlsx").getBytes("utf-8"), "iso-8859-1");
headers.setContentDispositionFormData("attachment", filename);
headers.setContentLength(bytes.length);
headers.setContentType(MediaType.APPLICATION_OCTET_STREAM);
return new ResponseEntity<byte[]>(bytes, headers, HttpStatus.OK);
}