vue.js/reactjs下载文件


vue.js, reactjs 一般,使用js来下载文件。
而,后段一般返回数据流。
这时候,IE用Blob处理,chrome创建个超连接来处理.

s.handleBlob=function(data,fileName){
   var blob = new Blob([data],{type: 'application/[图片][图片]vnd.ms-excel'});
   let name=fileName+'-'+s.transferTimeToString(new Date())+'.xls';//扩展名
    if('msSaveOrOpenBlob' in navigator){//兼容ie
        window.navigator.msSaveOrOpenBlob(blob,name);
    }else{
        let downLoadAllUrl =window.URL.createObjectURL(blob);
        var eleLink = document.createElement('a');
        eleLink.download = name;
        eleLink.style.display = 'none';
        eleLink.href = downLoadAllUrl;
        document.body.appendChild(eleLink);
        eleLink.click();
        document.body.removeChild(eleLink);
    }
}
    fetch(exportBillURL, newOptions).then(response => response.blob())
        .then(blob => {
            if (window.navigator.msSaveBlob){
                try{
                    var blobObject = new Blob([blob]);
                    window.navigator.msSaveBlob(blobObject, "billing.csv");
                }catch(e){
                    console.log(e);
                }
            }else{
                var url = window.URL.createObjectURL(blob);
                var a = document.createElement('a');
                document.body.appendChild(a);
                a.style.display = 'none';
                a.href = url;
                a.download = "billing.csv";
                a.click();
            }
        });

文章作者: 燕君
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 燕君 !
 上一篇
红黑树 红黑树
nginx红黑树 红黑树的每个节点上都有存储位表示节点的颜色,颜色是红(Red)或黑(Black)。红黑树的特性:(1) 每个节点或者是黑色,或者是红色。(2) 根节点是黑色。(3) 每个叶子节点是黑色。 [注意:这里叶子节点,是指为空的叶
2018-05-23
下一篇 
go 自动补全出现gocode panic go 自动补全出现gocode panic
自己用的电脑,装的是go1.8。然而办公的装了go1.9今天突然想升级下。 把go1.9下回来,把go1.8备份下 $sudo mv /usr/local/go /usr/local/go_1.8 解压到/usr/local/go然后把
2018-05-05
  目录