js 實現文件導出、文件下載

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/