ITPub博客

首页 > IT职业 > IT图书 > React框架下通过Fetch下载文件

React框架下通过Fetch下载文件

IT图书 作者:zzok111 时间:2021-09-09 09:53:19 0 删除 编辑

经测试,支持Chrome、Firefox、IE8+浏览器。

result.blob().then(blob=>{

        var fileName = result.headers.get('Content-Disposition').split('=')[1];
                
        var url = window.URL.createObjectURL(blob);   // 获取 blob 本地文件连接 (blob 为纯二进制对象,不能够直接保存到磁盘上)    
        var a = document.createElement('a'); 
        a.href = url; 
        a.download = decodeURIComponent(fileName); 

        document.body.appendChild(a);
        a.click();
        setTimeout(function(){
            document.body.removeChild(a);
            window.URL.revokeObjectURL(url);
        },1000);
        

        //var reader = new FileReader();
        //reader.readAsDataURL(blob);
        //reader. = function (e) {
        //    var a = document.createElement('a');
        //    a.download =decodeURIComponent(fileName);
        //    a.href = e.target.result;
        //    a.click();
        //}
    });


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/1294/viewspace-2814061/ ,如需转载,请注明出处,否则将追究法律责任。

上一篇: Java快速教程
下一篇: Scss入门篇
请登录后发表评论 登录
全部评论

注册时间:2019-04-15

  • 博文量
    93
  • 访问量
    583