前端axios get 传递数组并处理后端返回文件流
import axios from 'axios';
axios({
url: 'http://localhost:8080/?name='+selectedCards,
method: 'GET',
responseType: 'blob',
success: function (result) {
console.log(selectedCards);
},
error: function (result) {
alert(result);
}
}).then((res) => {
console.log(res);
const blobUrl = window.URL.createObjectURL(new Blob([res.data]));
const aElement = document.createElement('a');
const filename = 'download.txt';
document.body.appendChild(aElement);
aElement.href = blobUrl;
aElement.setAttribute('download', filename);
aElement.click();
}).catch((error) => {
console.log('文件下载失败', error);
});
前端 XMLHttpRequest post 传递自定义对象数组
props.createdCards.push({
name: "newModule_"+length,
assignNum: 0,
alwaysNum: 0,
io: [],
params: []
})
var xhr = new XMLHttpRequest();
xhr.open("post", "http://localhost:8080/generateUserdefine", true);
xhr.setRequestHeader('Content-Type',"application/json") ;
xhr.responseType = "blob";
xhr.send(JSON.stringify(createdCards));
xhr.onreadystatechange = function () {
if(xhr.readyState==4 && xhr.status == 200){
var blob = new Blob([xhr.response]);
var a = document.createElement('a');
a.download = 'download.txt';
a.href=window.URL.createObjectURL(blob);
a.click();
}else{
console.log("error");
}
}
后端根据前端传来的数组返回文件流
public int download(String[] name, HttpServletResponse response) throws IOException{
response.setHeader("Content-Disposition", "attachment;Filename=" + URLEncoder.encode("download.txt", "UTF-8"));
response.setContentType("application/octet-stream; charset=UTF-8");
OutputStream outputStream = response.getOutputStream();
byte[] bytes = new byte[2048];
for(int i=0;i<name.length;i++){
File file = new File("src/"+name[i]+".txt");
FileInputStream fileInputStream = new FileInputStream(file);
int len = 0;
while ((len = fileInputStream.read(bytes))>0){
outputStream.write(bytes,0,len);
}
fileInputStream.close();
}
outputStream.close();
return 0;
}
@GetMapping(value = "/")
public void paramController(HttpServletResponse response,
@RequestParam(value = "name") String[] name)
throws IOException{
download(name,response);