最近在寫文件下載,發現前端實現下載功能是依賴於瀏覽器特性,而非JS特性。
前端實現文件下載主要分爲以下情況
1、在頁面直接點擊某個元素,然後另存爲,彈出下載提示框
2、直接輸入網址,確定,彈出下載提示框
3、點擊頁面的塊觸發下載時間,彈出下載提示框
4、點擊下載按鈕,實現文件下載
html代碼
<div>
<span ng-click="downloadFile(url)">文件下載</span>
</div>
JS代碼
$scope.downloadFile = function(url){
window.location.href = 'url'
}
這樣的也可以下載文件,但這個路徑必須是.rar / .exe這種類型的壓縮包,不能是一個文件流