js实现前端下载文件

在前端下载文本格式的文件时,可采用下面的方式:

(1)创建基于文件内容的Blob对象;

(2)通过URL上的createObjectURL方法,将blob对象转换成一个能被浏览器解析的文件地址。

(3)将上述的文件地址指向a标签的href,并设置a标签的download属性为要保存成的文件名。

(4)点击a标签,即可下载对应的文件。

//下载文件
    _download:function (filename,content){
    var blob = new Blob([content], {type: 'text'}); 
        var a =document.getElementById('downloadFtsetBtn');
        if(a==undefined){
            a=document.createElement('a');
            a.id='downloadFtsetBtn';
            a.style.display='none';
            a.target='_blank';  
            document.body.appendChild(a);
        }
        try{
            var URL=window.URL || window.webkitURL;
            a.href=URL.createObjectURL(blob);
            a.download = filename;  
            if (typeof navigator.msSaveBlob == "function"){  //IE
                navigator.msSaveBlob(blob,filename);
           }
a.click();

catch(e){

}

}
原文地址:https://www.cnblogs.com/lydialee/p/5227772.html