1. 程式人生 > 其它 >介面返回資料流格式時匯出表格實現方法

介面返回資料流格式時匯出表格實現方法

技術標籤:功能實現vue.jsjavascriptblob

當介面返回資料流格式的資料時,匯出表格就需要使用到blob,new Blob([data])用來建立URL的file物件或者blob物件

關於blob,可以檢視:https://developer.mozilla.org/zh-CN/docs/Web/API/Blob/Blob

主要實現方式:

此方法可以實現將二進位制流資料轉為表格下載

// 下載檔案
    // data為二進位制流資料
    downloadFile(data) {
      const content = data;
      const elink = document.
createElement('a'); // 設定表格名稱等資訊 elink.download = `下載的表格.xls`; elink.style.display = 'none'; const blob = new Blob([content]); elink.href = URL.createObjectURL(blob); document.body.appendChild(elink); elink.click(); document.body.removeChild(elink); }