前台下载后台生成的excel(带token版)

简单的下载原理:创建a标签,使用download,点击后销毁即可,但是如果需要token,a标签无法加请求头,需要转成blob

    var xhr = new XMLHttpRequest();     //定义http请求对象
    xhr.open("GET",this.uploadhref, true);  //定义请求格式,地址 
    xhr.setRequestHeader("X-Access-Token",this.token);//加请求头
    xhr.send();
    xhr.responseType = "blob";  // 返回类型blob
    xhr.onload = function() {   // 定义请求完成的处理函数,请求前也可以增加加载框/禁用下载按钮逻辑
      if (this.status===200) {
        var blob = this.response;
        var reader = new FileReader();
        reader.readAsDataURL(blob);  // 转换为base64,可以直接放入a标签href
        reader.onload=function (e) {
          // 转换完成,创建一个a标签用于下载
          var a = document.createElement('a');
          a.download="lng工厂价格.xlsx";            //自定义下载文件名称
          a.href = e.target.result;
          document.body.append(a);    // 修复firefox中无法触发click
          a.click();
            }
        }else{
            alert("出现了未知的错误!");
        }
   }

搞定

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容