從ajax調用中獲取空白pdf在Web應用程序中返回HttpResponseMessage

我從web api返回HttpResponseMessage，並在ajax調用中使用它，但變得空白pdf。從ajax調用中獲取空白pdf在Web應用程序中返回HttpResponseMessage

我的Ajax調用

function downloadPDF() 
    { 
     $.ajax({ 
      type: "POST", 
      crossDomain: true, 
      data: JSON.stringify(UserData), 
      url: rootUrl + "api/WebAPI/Export", 
      //dataType: "native", 
      contentType: "application/json", 
      //responseType: 'arraybuffer', 
      //contentType: "application/pdf", 

      headers: headers, 
      success: function (data) { 
       //document.write(data); 
       alert(data.size); 
       var blob = new Blob([data]); 
       var link = document.createElement('a'); 
       link.href = window.URL.createObjectURL(blob); 
       link.download = "Dossier_" + new Date() + ".pdf"; 
       link.click(); 
      } 
    }

來源

2017-02-17 H P

我想設置'Response.Content'爲您的PDF流和'Response.Content.Headers.ContentType =新MediaTypeHeaderValue（「應用程序/ PDF格式」）;'在web API應該自動下載的PDF作爲這個ajax調用成功的一部分。 – Developer

它已經在那裏。 res.Content.Headers.ContentType = new MediaTypeHeaderValue（「application/pdf」）; –

你是否將pdf流設置爲'res.Content'？ – Developer

將您HttpResponseMessage使用此功能（這應該是Base64String）到數組緩衝區：

function base64ToArrayBuffer(base64) { 
    var binaryString = window.atob(base64); 
    var binaryLen = binaryString.length; 
    var bytes = new Uint8Array(binaryLen); 
    for (var i = 0; i < binaryLen; i++) { 
     var ascii = binaryString.charCodeAt(i); 
     bytes[i] = ascii; 
    } 
    return bytes; 
}

然後轉換爲數組後調用這個函數緩衝區：

function saveByteArray(pdfName, byte) { 
    var blob = new Blob([byte], { type: "application/pdf" }); 
    var link = document.createElement('a'); 
    link.href = window.URL.createObjectURL(blob); 
    var fileName = pdfName + ".pdf"; 
    link.download = fileName; 
    link.click(); 
};

因此，您的整個ajax調用將如下所示：

function downloadPDF() 
     { 
      $.ajax({ 
       type: "POST", 
       crossDomain: true, 
       data: JSON.stringify(UserData), 
       url: rootUrl + "api/WebAPI/Export", 
       //dataType: "native", 
       contentType: "application/json", 
       //responseType: 'arraybuffer', 
       //contentType: "application/pdf", 

       headers: headers, 
       success: function (data) { 
        //document.write(data); 
        alert(data.size); 
       var bytes = base64ToArrayBuffer(data); 
       saveByteArray("Dossier_" + new Date(), bytes); 

       } 
     }

來源

2017-02-17 16:50:30

從ajax調用中獲取空白pdf在Web應用程序中返回HttpResponseMessage

回答

相關問題