Apertura PDF cadena en una nueva ventana con javascript

Question

que tiene una cadena con formato PDF que se parece a

%PDF-1.73 0 obj<<< /Type /Group /S /Transparency /CS /DeviceRGB >> /Resources 2 0 R/Contents 4 0 R>> endobj4 0 obj<> streamx��R=o�0��+��=|vL�R���l�-��ځ,���Ge�JK����{���Y5�����Z˯k�vf�a��`G֢ۢ��Asf�z�ͼ��`%��aI#�!;�t���GD?!���<�����B�b�� 

... 

00000 n 0000000703 00000 n 0000000820 00000 n 0000000926 00000 n 0000001206 00000 n 0000001649 00000 n trailer << /Size 11 /Root 10 0 R /Info 9 0 R >>startxref2015%%EOF 

Estoy tratando de abrir esta cadena en una nueva ventana como un archivo PDF. Cada vez que uso window.open() y escribo la cadena en la nueva pestaña, cree que el texto debe ser el contenido de un documento HTML. Quiero que reconozca que este es un archivo PDF.

Cualquier ayuda es muy apreciada

Answer 1

Es posible que desee explorar el uso del URI de datos. Se vería algo así como

window.open("data:application/pdf," + escape(pdfString)); 

no fue inmediatamente capaz de conseguir que esto funcione, es posible porque el formateo de la cadena binaria proporcionada. También usualmente uso datos codificados en base64 cuando uso el URI de datos. Si usted es capaz de pasar el contenido desde el servidor codificado puede utilizar ..

window.open("data:application/pdf;base64, " + base64EncodedPDF); 

Esperemos que esta es la dirección correcta para lo que necesita. También tenga en cuenta que esto no funcionará en IE6/7 porque no son compatibles con los URI de datos.

Answer 2

Póster por primera vez, así que espero que se vea bien.

Tuve este problema funcionando con una solicitud de envío de FedEx. Realizo la solicitud con AJAX. La respuesta incluye el seguimiento de #, costo, así como una cadena de pdf que contiene la etiqueta de envío.

Aquí es lo que hice:

Añadir un formulario:

<form id='getlabel' name='getlabel' action='getlabel.php' method='post' target='_blank'> 
<input type='hidden' id='pdf' name='pdf'> 
</form> 

el uso de JavaScript para rellenar el valor del campo oculto con la cadena pdf y enviar el formulario.

Dónde getlabel.php:

<? 
header('Content-Type: application/pdf'); 
header('Content-Length: '.strlen($_POST["pdf"])); 
header('Content-Disposition: inline;'); 
header('Cache-Control: private, max-age=0, must-revalidate'); 
header('Pragma: public'); 
print $_POST["pdf"]; 
?> 

Answer 3

window.open("data:application/pdf," + escape(pdfString)); 

El uno por encima de pegar el contenido codificado en URL. Eso hace que la restricción de la longitud del contenido en URL y, por lo tanto, la carga del archivo PDF falle (debido a contenido incompleto).

Answer 4

Basado de otras respuestas viejas:

escape() función ahora es obsoleto,

Uso encodeURI() o encodeURIComponent() lugar.

Ejemplo que trabajaba en mi situación:

window.open("data:application/pdf," + encodeURI(pdfString)); 

Codificación feliz!

Answer 5

Comprendo que esto es una pregunta bastante viejo, pero había lo mismo llegar a la actualidad y se acercó con la siguiente solución:

doSomethingToRequestData().then(function(downloadedFile) { 
    // create a download anchor tag 
    var downloadLink  = document.createElement('a'); 
    downloadLink.target = '_blank'; 
    downloadLink.download = 'name_to_give_saved_file.pdf'; 

    // convert downloaded data to a Blob 
    var blob = new Blob([downloadedFile.data], { type: 'application/pdf' }); 

    // create an object URL from the Blob 
    var URL = window.URL || window.webkitURL; 
    var downloadUrl = URL.createObjectURL(blob); 

    // set object URL as the anchor's href 
    downloadLink.href = downloadUrl; 

    // append the anchor to document body 
    document.body.appendChild(downloadLink); 

    // fire a click event on the anchor 
    downloadLink.click(); 

    // cleanup: remove element and revoke object URL 
    document.body.removeChild(downloadLink); 
    URL.revokeObjectURL(downloadUrl); 
}); 

Answer 6

Sólo a título informativo, el siguiente

window.open("data:application/pdf," + encodeURI(pdfString)); 

ya no funciona en Chrome. Ayer, me encontré con el mismo problema e intenté con esta solución, pero no funcionó (es 'No se permite navegar en el marco superior a la URL de datos'). Ya no puedes abrir la URL de datos directamente en una nueva ventana. Pero puede envolverlo en iframe y abrirlo en una ventana nueva como la siguiente. =)

let pdfWindow = window.open("") 
pdfWindow.document.write("<iframe width='100%' height='100%' src='data:application/pdf;base64, " + encodeURI(yourDocumentBase64VarHere)+"'></iframe>") 

Answer 7

Una sugerencia es que utilice una biblioteca en PDF como PDFJS.

Tengo que adjuntar, el siguiente "data:application/pdf;base64" + su cadena de PDF, y establecer el src de su elemento a eso.

intento con este ejemplo:

var pdfsrc = "data:application/pdf;base64" + "67987yiujkhkyktgiyuyhjhgkhgyi...n" 

<pdf-element id="pdfOpen" elevation="5" downloadable src="pdfsrc" ></pdf-element> 

espero que ayude :)

Answer 8

Éste trabajó para mí.

window.open("data:application/octet-stream;charset=utf-16le;base64,"+data64); 

Esto se trabajaba demasiado

let a = document.createElement("a"); 
a.href = "data:application/octet-stream;base64,"+data64; 
a.download = "documentName.pdf" 
a.click(); 

Answer 9

Sólo codifican la cadena con formato PDF en la base 64. Entonces que debe hacer:

$pdf = 'data:application/pdf;base64,'.$base64EncodedString; 

retorno a esta javascript y se abre en una nueva ventana :

window.open(return);