Tải xuống dữ liệu nhị phân dưới dạng tệp qua Javascript

Question

Tôi đang thực hiện cuộc gọi ajax đến API trả về dữ liệu nhị phân. Tôi tự hỏi nếu nó có thể lấy dữ liệu nhị phân đó và hiển thị nó cho khách hàng trong một cửa sổ mới? Đây là những gì tôi đang làm ngay bây giờ. Vấn đề là, tài liệu mở ra, nhưng nó hoàn toàn trống.

$.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); 
    } 
}); 

Bất kỳ ý tưởng nào?

Answer 1

OK, tôi đã tìm ra. Tôi phải chỉ định responseType là 'mảng đệm':

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()); 
}