JavaScript代碼在字節數組中顯示PDF文件（不是base64編碼）

Question

我正在使用ASP .NET Web API，其API的POST函數返回像C＃代碼中的字節數組：

return Ok(outputStream.ToArray()); 

其中outputStream的類型爲System.IO.MemoryStream，並且ToArray（）返回一個字節數組。

該函數返回，我希望在他們的瀏覽器中顯示給用戶，或者至少讓他們將其保存爲PDF流。

我已經在Stack Overflow上運行了一個JavaScript example，它顯示瞭如何從Base64編碼的字符串獲取Blob並顯示它，並且當API返回Base64編碼的字符串時我能夠使其工作。但是，當API返回如前所示的字節數組時，我無法使其工作。

我可以在API返回字節數組時獲得一些代碼示例嗎？

Answer 1

我JQuery的阿賈克斯POST請求的樣子：

function LoadPDF() { 
     var args = []; 
     var x = $.ajax({ 
      type: "POST", 
      url: "DirectoryQuery.aspx/GetFullPdf", 
      contentType: "application/json; charset=UTF-8", 
      responseType: "text/plain; charset=UTF-8", 
      async: true, 
      dataType: "json",        
      processData: "false", 
      success: OnSuccess, 
      error: OnErrorCall 
     }); 
     function OnSuccess(response) { 
      var byteArray = new Uint8Array(response.d); 

      saveTextAsFile("document.pdf", byteArray); 
     } 
     function OnErrorCall(response) { 
      console.log(response);     
      //location.reload(); 
     } 
    } 

嘗試文件 - 保存 - as.js，像這樣：

function saveTextAsFile(fileNameToSaveAs, textToWrite) { 
    /* Saves a text string as a blob file*/ 
    var ie = navigator.userAgent.match(/MSIE\s([\d.]+)/), 
     ie11 = navigator.userAgent.match(/Trident\/7.0/) && navigator.userAgent.match(/rv:11/), 
     ieEDGE = navigator.userAgent.match(/Edge/g), 
     ieVer = (ie ? ie[1] : (ie11 ? 11 : (ieEDGE ? 12 : -1))); 

    if (ie && ieVer < 10) { 
     console.log("No blobs on IE ver<10"); 
     return; 
    } 

    var textFileAsBlob = new Blob([textToWrite], { 
     type: 'text/plain' 
    }); 

    if (ieVer > -1) { 
     window.navigator.msSaveBlob(textFileAsBlob, fileNameToSaveAs); 

    } else { 
     var downloadLink = document.createElement("a"); 
     downloadLink.download = fileNameToSaveAs; 
     downloadLink.href = window.URL.createObjectURL(textFileAsBlob); 
     downloadLink.onclick = function (e) { document.body.removeChild(e.target); }; 
     downloadLink.style.display = "none"; 
     document.body.appendChild(downloadLink); 
     downloadLink.click(); 
    } 
}