Come leggere pdf flusso in angularjs

ho ricevuto la seguente flusso PDF da un server: PDF STREAM Come leggere pdf flusso in angularjs

Come questo flusso vanno letti AngularJS? Ho provato ad aprire questo come un file PDF in una nuova finestra utilizzando il seguente codice:

.success(function(data) { 
    window.open("data:application/pdf," + escape(data)); 
});

Ma io sono in grado di vedere il contenuto nella finestra aperta.

fonte

2014-09-11 Lakshman

perché trasferire l'intero file tramite http e non solo aprire l'URL di quel file? window.open (fileURL)? –

@MajoB Ho provato in questo modo, ma in modo angolare sto ricevendo errore come Non consentito caricare la risorsa locale: impossibile caricare il percorso del file .. – Lakshman

Vedere questa risposta: http://stackoverflow.com/questions/21628378/angularjs -display-blob-pdf-in-an-angular-app – stacky

ho raggiunto questo cambiando il mio codice di controllo

$http.get('/retrievePDFFiles', {responseType: 'arraybuffer'}) 
     .success(function (data) { 
      var file = new Blob([data], {type: 'application/pdf'}); 
      var fileURL = URL.createObjectURL(file); 
      window.open(fileURL); 
    });

fonte

2014-09-12 12:46:00 Lakshman

+13

ho usato questo codice..ma ottenendo pdf vuoto –

Ranjit, stavo ottenendo pdf vuoto ma aggiungendo il "responseType" agli argomenti di $ http, funziona. L'ho appena capito, mi dispiace di essere in ritardo. –

ciao, sto riscontrando un errore simile a quello di Ranjit. Sul chrome si dice: _Failed to load PDF document_ sai come risolvere questo? –

Dai un'occhiata allo PDF.JS. Questa è una libreria javascript lato client che può recuperare un flusso pdf e renderlo lato client. Angular non è in grado di leggere un pdf, quindi questo non è un problema angolare.

fonte

2014-09-11 08:54:44

Motivi hanno uno sguardo sul codice seguente:

acceso Controllo Side -

$http.get(baseUrl + apiUrl, { responseType: 'arraybuffer' }) 
      .success(function (response) {     
      var file = new Blob([response], { type: 'application/pdf' }); 
      var fileURL = URL.createObjectURL(file); 
      $scope.pdfContent = $sce.trustAsResourceUrl(fileURL); 
      }) 
      .error(function() {       
      });

Su HTML laterale:

<div ng-controller="PDFController" class="modal fade" id="pdfModal" tabindex="-1" role="dialog" aria-hidden="true"> 
<div class="modal-dialog modal-lg"> 
    <div class="modal-content" onloadstart=""> 
     <object data="{{pdfContent}}" type="application/pdf" style="width:100%; height:1000px" /> 
    </div> 
</div>

Inoltre puoi usare Angular ng-pdfviewer e visualizzare il tuo pdf utilizzando i suoi file js.

fonte

2015-06-11 17:09:55 Gurupreet

ng-pdfviewer non accetta pdfContent come src – UCJava

Java: Get Method

BLOB pdfData = getBlob_Data; 
response.setContentType(pdfData.getContentType()); 
response.setHeader(ApplicationLiterals.HEADER_KEY_CONTENT, "attachment;  filename=FileName.pdf"); 
response.getOutputStream().write(pdfData.getBinaryData()); 
response.getOutputStream().flush();

fonte

2016-02-26 12:57:02

Controller: function downloadPDF (searchManagerQuery) { // chiama get metodo $ window.open ('ServiceURL', '_blank'); } –

Il problema con l'utilizzo config.responseType è che il servizio $ http corre ancora il default responseTransformer e tenta di convertire la risposta a JSON. Inoltre, stai inviando le intestazioni di accettazione predefinite. Ecco un'alternativa (non testata):

$http.get('/retrievePDFFiles', { 
    headers: { Accept: "application/pdf"}, 
    transformResponse: function(data) { 
     return new Blob([data], {type: 'application/pdf'}); 
    }}).success(function (data) { 
      var fileURL = URL.createObjectURL(data); 
      window.open(fileURL); 
    });

fonte

2017-04-21 19:53:39

Come leggere pdf flusso in angularjs

risposta

Problemi correlati