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