后端代码
返回outputStream流到前端
@RequestMapping(value = "/migration",method = RequestMethod.POST)
public void migration(HttpServletResponse response, @RequestParam("files")MultipartFile[] multipartFile) throws Exception {
String codedFileName = "EN";
response.setHeader("Content-Disposition", "attachment;filename=" + codedFileName + ".xml");
// 响应类型,编码
response.setContentType("application/octet-stream;charset=UTF-8");
// 形成输出流
OutputStream osOut = response.getOutputStream();
File xmlFileC = new
File("/databaseclient/src/main/resources/Files/EN2.xml");
InputStream input = null;
try {
input = new FileInputStream(xmlFileC);
byte[] buf = new byte[1024];
int bytesRead;
while ((bytesRead = input.read(buf)) > 0) {
osOut.write(buf, 0, bytesRead);
}
} finally {
input.close();
osOut.close();
}
}
Axios代码
Axios.post('http://localhost:8762/dataService/migration',
formData)
.then((response) => {
const content = response.data;
const blob = new Blob([content]);
const fileName = 'EN.xml';
if ('download' in document.createElement('a')) { // 非IE下载
const elink = document.createElement('a');
elink.download = fileName;
elink.style.display = 'none';
elink.href = URL.createObjectURL(blob)
document.body.appendChild(elink);
elink.click();
URL.revokeObjectURL(elink.href);// 释放URL 对象
document.body.removeChild(elink)
} else { // IE10+下载
navigator.msSaveBlob(blob, fileName)
}
this.setState({
fileList: [],
uploading: false,
});
message.success('upload successfully.');
})
.catch(function (error) {
console.log(error);
});
};
这样返回的文件就能按照EN.xml下载了