Visualizza stream PDF restituito dal controller utilizzando jquery in una nuova finestra

Question

Ho un'azione controller che legge un file .pdf da BLOB BLOBSTORAGE e restituisce oggetto flusso al metodo $.ajax().

controller ritorna

var stream = blobStorage.OpenRead(filepath); 
await FileAsync(stream, "application/pdf"); 

Ajax chiamata e risposta

$.ajax({ 
     type: "POST", 
     url: "/PDFfile", 
     data: { 'id': Id }, 
     dataType: "application/pdf", 
     traditional: true, 
     complete: function(data) { 
      var w = window.open("data:application/pdf, " + escape(data.responseText)); 
      w.document.write(data.responseText); 
      w.document.close(); 
     } 
    }); 

Tuttavia, se la chiamata è per la stessa azione di controllo, come mostrato, il file viene visualizzato correttamente.

<a class="pull-right btn-link" target="_blank" data-bind="attr: { href: '/PDFfile/' + Id }"></a> 

Può apparire come una domanda duplicata ma nessuna delle soluzioni ha funzionato per me. L'output che sto ottenendo è come mostrato.

Answer 1

Perché non usi solo HTML standard? Non c'è bisogno di Javascript qui (dato che hai creato un tag standard <a> per il trigger iniziale di azione).

Qualcosa di simile:

<form action="/PDFfile" method="post" target="_blank"> 
    <input type="submit" value="Show me the file in a new tab/window!"/> 
</form> 

Note:

• assicurarsi di impostare un'intestazione Content-Type: application/pdf nello script Azure, in modo che il browser saprà che è un PDF
• come dichiarato @JamesBlond potresti non vederlo se non hai un plugin del browser per leggere il PDF. Ma avrai una bella finestra di download e la nuova scheda verrà chiusa automaticamente