通過Javascript將二進制數據下載為文件

Question

我正在對一個返回二進制數據的API進行ajax調用。 我想知道是否可以獲取二進制數據並在新窗口中為客戶端顯示它？ 這就是我現在正在做的事情。 問題是，文檔打開了，但它完全是空白的。

$.ajax({
    type: "POST",
    url: apiURL,
    data: xmlRequest,
    complete: function(xhr, status) {
        var bb = new window.WebKitBlobBuilder();

        // Append the binary data to the blob
        bb.append(xhr.responseText);

        var blobURL = window.webkitURL.createObjectURL(bb.getBlob('application/pdf'));
        window.open(blobURL);
    }
});

有任何想法嗎？

Answer 1

好的，我明白了。 我必須將responseType指定為'array buffer'：

function downloadPDF() {

    var xhr = new XMLHttpRequest();
    xhr.open('POST', API_URL, true);
    xhr.responseType = 'arraybuffer';

    xhr.onload = function(e) {
        if (this.status == 200) {
            var bb = new window.WebKitBlobBuilder();
            bb.append(this.response); // Note: not xhr.responseText

            var blob = bb.getBlob('application/pdf');
            var blobURL = window.webkitURL.createObjectURL(blob);

            window.open(blobURL);
        }
    };

    xhr.send(createRequest());
}