前端：文件下載功能

轉載https://www.cnblogs.com/purple1/p/9106346.html
需求：頁面上有一個下載按鈕，點擊後實行文件下載功能。

方式一：使用window.open()

方式二：使用form表單下載

方式三：使用a標籤，H5中有download屬性

還能夠使用第三方類庫：npm install downloadjs

方式一：使用window.open()

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表單下載
a.html文件

//須要引入jquery
<script src="./jquery-1.11.3.min.js"></script>
...
<div class="btn export" id="export">導 &nbsp;&nbsp;出</div>

//經過form 無需傳遞參數給後臺
$('#export').click(function () {
var $eleForm = $("<form method='get'></form>");
$eleForm.attr("action", "your-url");
$(document.body).append($eleForm);
//提交表單，實現下載 
$eleForm.submit();
});

//經過form,需傳遞參數給後臺時
$('#export').click(function () {
var $eleForm = $("<form id='exportFrom' method='get'></form>");
var $id = $("<input type='text' name='id' value='aa'/>");
var $token = $("<input type='text' name='token' value='12345'/>");
$eleForm.attr("action", "your-url");
$eleForm.prepend($id);  
$eleForm.prepend($token);       
$(document.body).append($eleForm);
$eleForm.submit();
})

注意：參數傳遞必須經過建立input輸入框傳遞，而不是your-url?a=A&b=B這樣的方式

方式三：使用a標籤

<div>
    <a href="zip/file-1.zip" download="test.zip">點擊下載文件</a>
</div>