ie内核下createObjectURL创建url链接失效的

最新推荐文章于 2023-05-30 14:32:20 发布

阿渊啊啊啊啊啊啊啊啊啊啊啊啊

最新推荐文章于 2023-05-30 14:32:20 发布

阅读量2.3k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/weixin_41557291/article/details/104500421

本文介绍了一种将Blob对象转换为资源链接的方法，并解决了在不同浏览器（如Chrome、Firefox与IE）间的兼容性问题。通过使用navigator.msSaveOrOpenBlob及URL.createObjectURL，实现了在非IE浏览器和IE下的文件下载。

在正常的浏览器下（chrome，firefox等），createObjectURL可以讲一个bolb文件转化为一个正常的资源链接

例如：blob:http://localhost:8081/17ac2a20-56e4-4d46-a43d-26b72a5f9768

但在ie下，转化为的结果却是：blob:17ac2a20-56e4-4d46-a43d-26b72a5f9768

解决办法

if (window.navigator && window.navigator.msSaveOrOpenBlob) {
             window.navigator.msSaveOrOpenBlob(blob, '销售统计.xls');
          }
          // for Non-IE (chrome, firefox etc.)
          else {
            let a = document.createElement('a');
            let url = window.URL.createObjectURL(blob);
            
            let filename = '销售统计.xls';
            a.href = url;
            console.log(url);

            a.download = filename;
            a.click();
            window.URL.revokeObjectURL(url);
          }
          
        })}