typescript创建A标签实现下载

  • 原理:我们通过文件url地址,在浏览器回车就能下载。通过代码模拟这个过程:js创建a标签,然后js执行click事件。
//导出Excel
  public async btnExport() {
   let that = this as any;
    this.loading = true;
    let a = document.createElement('a');//创建a标签
    a.href =  "http://www.abc.com/1/a.zip";//文件url或下载api
    document.body.appendChild(a);
    a.click();//触发下载
    document.body.removeChild(a);
    setTimeout(async () => {
      that.loading = false;
    }, 4000);//4s后关闭loading,可以根据情况增减
  }

posted on 2021-02-22 09:42  anjun_xf  阅读(696)  评论(0编辑  收藏  举报

导航

TOP