前端 导出附件增加loading

之前导出通过location.href 直接进行导出 ;

直接 调用接口 页面静止时间过长,需要增加loading优化用户体验
 项目中用的是axiosiview框架 。


        const headers = {
           responseType:'blob'
        }
        this.$Spin.show();
        this.$http.get(url,headers).then(function(data){
          if(data.status == 200){
            this.$Spin.hide();
            var blob = data.data;
            let reader = new FileReader();
            let _this = this;
            reader.readAsDataURL(blob);
            reader.onload = e=>{
              var a = document.createElement('a');
              let time = this.$common.dateTime(new Date().getTime(),4);
              a.download =  `xxx${time}.xlsx`;
              a.href = e.target.result;
              $("body").append(a);    // 修复firefox中无法触发click
              a.click();
              window.URL.revokeObjectURL(a.href);
              $(a).remove();
              _this.$refs.selection.selectAll(false)
            }
          }
        })

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值