在Antd-Pro下實現文件下載

mj 發布于2019-08-23 15:31 / 3464人閱讀

摘要：后端采用二進制流返回文件而不是常見的返回網絡在環境下發送請求時需要配置為獲取到數據之后在對應中用異步實現下載此寫法兼容可火狐瀏覽器

后端采用二進制流返回文件而不是常見的返回網絡URL

在antd-pro環境下

發送ajax請求時需要配置為

      config = {
        headers : {
          token : tokenHandler.getSessionByKey("token"),
        },
        responseType : "blob",
      };

獲取到數據之后,在對應modal中用異步實現下載

 * saveFile({ payload: {blob, fileName}}, { call }) {
      if (window.navigator.msSaveOrOpenBlob) {
        navigator.msSaveBlob(blob, fileName);
      } else {
        var link = document.createElement("a");
        link.href = window.URL.createObjectURL(blob);
        link.download = fileName;
        //此寫法兼容可火狐瀏覽器
        document.body.appendChild(link);
        var evt = document.createEvent("MouseEvents");
        evt.initEvent("click", false, false);
        link.dispatchEvent(evt);
        document.body.removeChild(link);
      }
    },

GPU云服務器云服務器嵌入式在linux下實現webrtc html實現文件下澡 asp下實現 linux下arp攻擊的實現

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/102181.html

DevOps 基于Walle的小型持續集成實戰（二）設計

摘要：以便對整個持續集成印象加深。配置完各環境發布腳本后，則可以使用構建發起進行觸發環境準備。并會在遠程環境上存放多次發布的版本，用于回退和切換服務停用。進行等操作，停止原本運行的服務切換啟用。該文章用于建立一個小型的基于Walle的持續集成工具。解決java,react,angular項目的編譯發布。以便對整個持續集成印象加深。官方網站：https://walle-web.io/ 適用...

zr_hebo 2019-06-28 17:22 評論0 收藏0
前端小知識10點（2019.5.18）

摘要：當給數組的賦負數或小數時，數組的長度有無變化由此可見，的屬性只計算非負整數下標不計算負數小數項目熱更新慢并且是在時卡住怎么辦本人實際上是文件里多寫了個逗號。。。。 showImg(https://segmentfault.com/img/remote/1460000019223033); 1、當給數組的index賦負數或小數時，數組的長度有無變化？ let arr=[] arr...

neuSnail 2019-08-26 13:50 評論0 收藏0
HTML5+原生JS實現服務器端目錄樹中多文件下載

摘要：由于本例實現的將一個目錄樹下所有文件都平行下載到本地的同一個文件夾下。 HTML5+原生JS實現服務器端目錄樹中多文件下載作者：云荒杯傾作者博客需求需求是這樣的，服務器上有一個目錄，目錄下面可能既有文件又有其他目錄，其他目錄下面也一樣，既可能有文件也有目錄；瀏覽器要顯示有這個目錄，并提供這個目錄下所有文件的一鍵下載功能。實現原理實現這個需求，本程序考慮到的知識點有html5 ...

tuantuan 2019-08-01 17:41 評論0 收藏0
HTML5+原生JS實現服務器端目錄樹中多文件下載

摘要：由于本例實現的將一個目錄樹下所有文件都平行下載到本地的同一個文件夾下。 HTML5+原生JS實現服務器端目錄樹中多文件下載作者：云荒杯傾作者博客需求需求是這樣的，服務器上有一個目錄，目錄下面可能既有文件又有其他目錄，其他目錄下面也一樣，既可能有文件也有目錄；瀏覽器要顯示有這個目錄，并提供這個目錄下所有文件的一鍵下載功能。實現原理實現這個需求，本程序考慮到的知識點有html5 ...

李增田 2019-08-21 16:48 評論0 收藏0