需求：頁面上有一個下載按鈕，點擊后實行文件下載功能。
方式一：使用window.open()
方式二：使用form表單下載
方式三：使用a標簽，H5中有download屬性
還可以使用第三方類庫：npm install downloadjs
方式一：使用window.open()
|
1
2
3
4
5
6
7
8
|
var
exportURL =
"/moduleName/rest/exportdata?startDate="
+ startDate +
"&endDate="
+ endDate;
console.log(exportURL);
ajaxWrapper(exportURL,
function
() {
window.open(exportURL,
"_blank"
);
//打開一個新的窗口，調用下載的API
},
function
() {
alert(
"Error"
);
window.location.reload();
});
|
方式一中存在一個問題： 下載文件時，能不能不打開新的窗口？（打開新的窗口需要設置瀏覽器：偏好設置->安全性，去掉阻止彈窗的復選框）
方式二：使用form表單下載
|
1
2
3
4
5
6
7
8
9
10
11
|
//通過form
$eleBtn2.click(
function
(){
var
$eleForm = $(
"<form method='get'></form>"
);
$eleForm.attr(
"action"
,
"https://codeload.github.com/douban/douban-client/legacy.zip/master"
);
$(document.body).append($eleForm);
//提交表單，實現下載
$eleForm.submit();
});
|
方式三：使用a標簽
|
1
2
3
|
<
div
>
<
a
href="zip/file-1.zip" download="test.zip">點擊下載文件</
a
>
</
div
>
|