前端下载后台返的二进制

//在axios请求时 添加一个字段  responseType='blob' (一定要添加)
//axios内添加请求拦截器
response => {
//如果有这个blob字段  就进入条件
 if(response.config && response.config.responseType == 'blob') {
//type内写请求头的类型
        const blob = new Blob([response.data], { type: 'application/octet-stream;charset=utf-8' }); //application/vnd.openxmlformats-officedocument.spreadsheetml.sheet这里表示xlsx类型
        let filename = decodeURI(response.headers['filename']);
        if ('download' in document.createElement('a')) {
            const downloadElement = document.createElement('a');
            let href = '';
            if(window.URL) href = window.URL.createObjectURL(blob);
            else href = window.webkitURL.createObjectURL(blob);
           downloadElement.href = href;
           downloadElement.download = filename;
           document.body.appendChild(downloadElement);
           downloadElement.click();
           if(window.URL) window.URL.revokeObjectURL(href);
            else window.webkitURL.revokeObjectURL(href);
            document.body.removeChild(downloadElement);
        } else {
            navigator.msSaveBlob(blob, filename);
        }
        return;
    }
  }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值