參考文章
1.0前端實現(xiàn)思路
用一個from接收后臺返回的文件流。form用display為none隱藏；其中form構(gòu)造action屬性，屬性值為后臺文件下載的參數(shù)。同樣可以用display為none的input插入form中，input可以攜帶參數(shù)，后臺可以用@requestParam接收。
前端具體代碼如下：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div id="app" class="m-5">
<input type="button" value="下載" @click="handlerClick">
</div>
<script>
new Vue({
el: '#app',
data: {
files: []
},
methods: {
handlerClick: function () {
//自定義form標(biāo)簽，初始化相關(guān)參數(shù)
var form = document.createElement("form");
var access_token = "1756467474";
form.setAttribute("style",
"display:none");
form.setAttribute("method", "get");
var params = {};
params.Authorization = access_token;
form.setAttribute("header",
params);
var path =
'E:\\_ex_workplace\\zxsbWeb\\esgov-zxsb-zxsbweb\\src\\pages\\selfDetection.vue';
var input = document.createElement('input');
input.setAttribute('type', 'hidden');
input.setAttribute('name', 'path');
input.setAttribute('value', path);
form.append(input);
form.setAttribute("action",
"http://127.0.0.1:8778/download"
);
form.setAttribute("target", "_blank");
var body = document.createElement("body");
body.setAttribute("style", "display:none");
document.body.appendChild(form);
form.submit();
form.remove();
}
}
</script>
</body>
</html>
02.java代碼實現(xiàn)
后端Java代碼實現(xiàn)首先將文件讀入到數(shù)組buffer中，然后用response獲取輸出流，輸出流將buffer寫出即可。
@GetMapping("/download")
public void download(@RequestParam("path") String path, HttpServletResponse response) {
System.out.println(path);
try {
// path是指欲下載的文件的路徑。
File file = new File(path);
// 取得文件名。
String filename = file.getName();
// 取得文件的后綴名。
String ext = filename.substring(filename.lastIndexOf(".") + 1).toUpperCase();
// 以流的形式下載文件。
InputStream fis;
fis = new BufferedInputStream(new FileInputStream(path));
byte[] buffer = new byte[fis.available()];
fis.read(buffer);
fis.close();
// 清空response
response.reset();
// 設(shè)置response的Header
response.addHeader("Content-Disposition", "attachment;filename=" + new String(filename.getBytes()));
response.addHeader("Content-Length", "" + file.length());
OutputStream toClient = new BufferedOutputStream(response.getOutputStream());
response.setContentType("application/octet-stream");
toClient.write(buffer);
toClient.flush();
toClient.close();
} catch (IOException ex) {
ex.printStackTrace();
}
}
