1、通過創建a標簽，實現下載功能

function downLoad(content,fileName){var aEle = document.createElement("a");// 創建a標簽// blob = new Blob([content]); aEle.download = fileName;// 設置下載文件的文件名//aEle.href = URL.createObjectUrl(blob);aEle.href = content;// content為后臺返回的下載地址aEle.click();// 設置點擊事件 } let URL ='XXXX' //下載地址 downLoad(URL ,'test.xlxs')

如果content 非下載地址，而是下載的內容。實現代碼微調下即可。

function downLoad(content,fileName){var aEle = document.createElement("a");// 創建a標簽blob = new Blob([content]); aEle.download = fileName;// 設置下載文件的文件名aEle.href = URL.createObjectUrl(blob);aEle.click();// 設置點擊事件 } downLoad('下載內容123123','test.txt')

2、通過H5 的 download方法

function downFile(content, filename) {var ele = document.createElement('a');// 創建下載鏈接ele.download = filename;//設置下載的名稱ele.style.display = 'none';// 隱藏的可下載鏈接// 字符內容轉變成blob地址var blob = new Blob([content]);ele.href = URL.createObjectURL(blob);// 綁定點擊時間 document.body.appendChild(ele);ele.click();// 然后移除 document.body.removeChild(ele); };

?參考地址：https://www.zhangxinxu.com/wordpress/2017/07/js-text-string-download-as-html-json-file/

轉載于:https://www.cnblogs.com/phermis/p/11393144.html

總結

以上是生活随笔為你收集整理的js 实现文件导出、文件下载的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。