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,可以根據情況增減
  }


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2026 CODEPRJ.COM