a链接无跳转下载文件 ie兼容

博客介绍了HTML5中a标签的download属性在IE浏览器下不兼容的问题,并提供了一个解决方案。通过检测浏览器是否为IE,如果是,则使用XMLHttpRequest创建blob对象并利用window.navigator.msSaveBlob方法实现文件下载。

a标签  download是Html5新增属性,ie浏览器不兼容,解决方法:

isIE() {

            if(!!window.ActiveXObject || "ActiveXObject" in window){

            return true;

            }else{

            return false;

           }

async exportBtnClick(){

           

            if(this.isIE()){

                var url = 'url地址';

                var xhr = new XMLHttpRequest();

                xhr.open('get', url, true);

                xhr.responseType = "blob"; // 返回类型blob

                  xhr.onload = function() {

                    // 请求完成

                    if(this.status === 200) {

                        // 返回200

                    var blob = this.response;

                    var href = window.URL.createObjectURL(blob); //创建下载的链接

            //判断是否是IE浏览器,是的话返回true

                    if (window.navigator.msSaveBlob) {

                        try {

                            window.navigator.msSaveBlob(blob, '预约管理信息列表.xlsx')

                            } catch (e) {

                            console.log(e);

                        }

                    }

                    }

                }

                // 发送ajax请求

                xhr.send()

            }

   

           

       

        },

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值