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){
     
       }

 }