前端：文件下載功能

需求：頁面上有一個下載按鈕，點擊后實行文件下載功能。

方式一：使用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表單下載　

//通過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標簽

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