Lưu một tệp PDF được trả về bởi dịch vụ

Question

Tôi đang sử dụng FileSaver.js và Blob.js vào ứng dụng JS Angular để lưu tệp PDF được dịch vụ REST trả về (trả về một mảng byte biểu thị tệp).

var headers = {headers: {"Authorization":"Bearer "+token, "Accept":"application/pdf"}}; 

    $http.get(URL, headers) 
    .success(function (data) { 
     var blob = new Blob([data], {type: 'application/pdf'}); 
     saveAs(blob, 'contract.pdf'); 
    }); 

tệp được lưu đúng loại và số trang là chính xác nhưng hoàn toàn trống. Mở nó bằng trình chỉnh sửa, hóa ra nó chỉ chứa phần đầu tiên của dữ liệu được máy chủ trả về, như nó bị cắt bớt.

Cảm ơn mọi người đã trợ giúp!

Answer 1

$ http.get có thể không xử lý dữ liệu nhị phân chính xác. Hãy thử $http({method: "GET", url: URL, responseType: "arraybuffer", ...})(see angularjs) để nhận một đối tượng nhị phân mà bạn có thể đưa vào cho dữ liệu.

Bạn cũng có thể sử dụng responseType: "blob" để bạn thậm chí không phải tạo var blob, nhưng tôi nghĩ rằng responseType có ít hỗ trợ trình duyệt hơn.

Answer 2

Thêm loại phản hồi vào đối số cấu hình đã hoạt động đối với tôi. Hãy thử:

var config = { responseType: 'blob', headers: {"Authorization":"Bearer "+token, 
"Accept":"application/pdf"}}; 

    $http.get(URL, config) 
     .success(function (data) { 
      var blob = new Blob([data], {type: 'application/pdf'}); 
      saveAs(blob, 'contract.pdf'); 
     });