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')

  1.1 如果 function downLoad(content,fileName) 中的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.cnblogs.com/phermis/p/11393144.html