<a 
      
     download="demo">下載圖片</a>

function downLoadFile(res){
    const ele = document.createElement('a');
          ele.setAttribute('href',res.url); //設(shè)置下載文件的url地址
          ele.setAttribute('download' , 'download');//用于設(shè)置下載文件的文件名
          ele.click();
  
    link.addEventListener('click', (event) => {
      event.preventDefault();
      const downloadTimer = setTimeout(() => {
        alert('下載超時(shí)，請(qǐng)重試！');
      }, 5000); 

      const errorListener = () => {
        clearTimeout(downloadTimer);
        alert('下載失敗！');
        link.removeEventListener('error', errorListener);
      };

      link.addEventListener('error', errorListener);
  });
}

window.onload = function(){
    $.ajax({
        url:"api/file/download",
        type:"get",
        dataType:'JSON'
    }).then(function(res){
        if(res.bizNO > 0 ){
            downLoadFile(res);
        }else{
            alert(res.bizMsg);
        }
   }).always(function(){
        alert("連接異常")；
    })
}

function fileDownLoad(data){
    // 1. 創(chuàng)建點(diǎn)擊下載的元素   
    var linkElement = document.createElement('a');
  
    // 2. 判斷瀏覽器是否支持blob對(duì)象
    try{
        //該實(shí)例化的方式第一個(gè)參數(shù)必須是數(shù)組的格式
        var blob = new Blob([data],{
          type: "application/pdf"
        });
    }catch(e){
        //舊版本瀏覽器下的blob創(chuàng)建對(duì)象
        window.BlobBuilder = window.BlobBuilder ||
                             window.WebKitBlobBuilder ||
                             window.MozBlobBuilder ||
                             window.MSBlobBuilder;
        if(e.name == 'TypeError' && window.BlobBuilder){
            var blobbuilder = new BlobBuilder();
            BlobBuilder.append(data);
            var blob = blobbuilder.getBlob("application/pdf");
        }else{
            alert("瀏覽器版本較低，暫不支持該文件類(lèi)型下載");
        }
    }
  
    // 提取blob文件中的url信息，使二進(jìn)制文件在不讀取到j(luò)s中時(shí)直接下載
    let url = window.URL.createObjectURL(blob);
    linkElement.setAttribute('href',url);
    linkElement.setAttribute('downLoad','download');
    linkElement.click();
    
    // 釋放URL內(nèi)存
    window.URL.revokeObjectURL(url);
}

document.querySelector('#fileInput').addEventListener('change', (event)=>{
  fileDownLoad(event.target.files[0])
})

function downloadFileWithToken(url, token) {
    let xhr = new XMLHttpRequest();
    xhr.open('GET', url, true);
    xhr.setRequestHeader("Authorization", token);
    xhr.responseType = 'blob';
    xhr.onload = function (e) {
        if (this.status === 200) {
            let blob = this.response;
            let fileName = '下載的文件名稱(chēng)';
            // 針對(duì)IE瀏覽器          
            if (window.navigator.msSaveBlob) {
                try {
                    window.navigator.msSaveBlob(blob, fileName);
                } catch (e) {
                    console.log(e);
                }
            } else {
                // 通用瀏覽器   
                const url = window.URL.createObjectURL(blob);
                a.href = url;
                a.download = fileName;
                document.body.appendChild(a);
                a.click();
                document.body.removeChild(a);
                window.URL.revokeObjectURL(url);
            }
        } else {
            alert('下載文件失敗');
        }
    }
    xhr.send();
}

import FileSaver from 'file-saver'

let blob = new Blob(["Hello, FileSaver! Blob 下載"], {type: "text/plain;charset=utf-8"});
window.saveAs(blob, "hello FileSaver.txt");

import FileSaver from 'file-saver'

let blob = new Blob(["Hello, FileSaver! URL 下載"], {type: "text/plain;charset=utf-8"});
const url = window.URL.createObjectURL(blob)
window.saveAs(url, "hello FileSaver.txt");