最近遇到一個需求,需要將頁面中的配置信息下載下來供用戶方便使用,以前這個場景的需求有時候會放到后端處理,然后給返回一個下載鏈接。其實並不需要這么麻煩,這樣既增大了服務器的負載,也讓用戶產生了沒有必要的網絡請求,現在前端也是可以直接通過Blob對象進行前端文件下載了,下面簡單記錄下相關實現 ...
原理其實很簡單,我們可以將文本或者JS字符串信息借助Blob轉換成二進制,然后,作為 lt a gt 元素的href屬性,配合download屬性,實現下載。 代碼也比較簡單,如下示意 兼容Chrome和Firefox : var funDownload function content, filename 創建隱藏的可下載鏈接 var eleLink document.createElement ...
2017-10-31 16:28 1 2720 推薦指數:
最近遇到一個需求,需要將頁面中的配置信息下載下來供用戶方便使用,以前這個場景的需求有時候會放到后端處理,然后給返回一個下載鏈接。其實並不需要這么麻煩,這樣既增大了服務器的負載,也讓用戶產生了沒有必要的網絡請求,現在前端也是可以直接通過Blob對象進行前端文件下載了,下面簡單記錄下相關實現 ...
利用HTML5中a標簽的download屬性實現下載 1.直接使用a標簽進行下載 他可以使a標簽的href屬性進行下載,如果填寫指就會更改你的下載名稱(默認后端返回的文件名稱) 2.借助blob對象 動態創建a標簽進行下載 請求后端獲取文件流及文件信息 封裝下載 ...
...
步驟 ...
使用axios文件下載 使用原生js下載文件 使用pots的方式進行下載 使用get的方式進行下載哈 ...
vue+axios實現文件下載 功能:點擊導出按鈕,提交請求,下載excel文件; 第一步:跟后端童鞋確認交付的接口的response header設置了 以及返回了文件流。 第二步:修改axios請求 ...
通過Blob對象實現文件下載功能,可以將字符串數據通過設置blob類型,轉換成blob對象並進行本地下載。 注意: 1.data放的字符串 2.文件名可以自定義,改成test.txt則是txt文件,意思是可以自定義文件類型。 ...
[zt] http://topic.csdn.net/t/20061215/16/5233691.html 參考資料: Web開發人員都有過這樣的疑問,如何讓一個文件,尤其是一個已知類型的文件,發送到客戶端,直接提示讓瀏覽者下載,而不是用與它相關聯的程序打開。以前我們最常用的辦法 ...