如何使用 JavaScript 從 Web 服務傳回的二進位字串下載 PDF 檔案？

如何使用JavaScript 從Web 服務傳回的二進位字串建立PDF 檔案

嘗試從以下位置渲染PDF 檔案時會遇到問題透過Ajax 請求接收的二進位字串。 Web 瀏覽器（即 Firefox 和 Internet Explorer 9）在使用 data:uri 解決方案時會帶來挑戰。

問題

收到的二進位字串類似於以下內容：

%PDF-1.4....
.....
....hole data representing the file
....
%% EOF

嘗試的解決方案

透過data:uri 嵌入資料在Opera 和Chrome 中有效，但在Firefox 和Internet Explorer 中失敗。

潛在的解決方案

考慮在檔案系統上建立 PDF 檔案以允許使用者下載。此方法需要客戶端解決方案並與主要瀏覽器相容。

修訂的解決方案

將 XMLHttpRequest 回應類型修改為「blob」。然後，用 元素中的 download 屬性取代 window.open 函數。此程序啟動將 XMLHttpRequest 回應下載為「.pdf」檔案。

<code class="javascript">var request = new XMLHttpRequest();
request.open("GET", "/path/to/pdf", true); 
request.responseType = "blob";
request.onload = function (e) {
    if (this.status === 200) {
        // `blob` response
        console.log(this.response);
        // create `objectURL` of `this.response` : `.pdf` as `Blob`
        var file = window.URL.createObjectURL(this.response);
        var a = document.createElement("a");
        a.href = file;
        a.download = this.response.name || "detailPDF";
        document.body.appendChild(a);
        a.click();
        // remove `a` following `Save As` dialog, 
        // `window` regains `focus`
        window.onfocus = function () {                     
          document.body.removeChild(a)
        }
    };
};
request.send();</code>

以上是如何使用 JavaScript 從 Web 服務傳回的二進位字串下載 PDF 檔案？的詳細內容。更多資訊請關注PHP中文網其他相關文章！