Estoy desarrollando una aplicación angular en la que cargué un archivo pdf. Necesito abrir el mismo archivo pdf al hacer clic en él dentro de la misma aplicación en una ventana modal. Intenté usar y pero no sirvió. No debería usar ningún visor de PDF
Sí, puede reutilizar su pdf cargado como blob y abrirlo en una nueva pestaña:
var blob = new Blob([pdfBuffer], {type: 'application/pdf'}); var blobURL = URL.createObjectURL(blob); window.open(blobURL);Si no desea abrirlo en una nueva pestaña, debe encontrar un complemento para mostrar blob dentro de su html. O tal vez con iframe.
Intente usar el elemento, solicitando recursos como Blob
html
<div id="my-container" class="ng-scope pdfobject-container"> <iframe src="" type="application/pdf" width="100%" height="100%" style="overflow: auto;"> </iframe> </div>javascript
var xhr = new XMLHttpRequest(); // load `document` from `cache` xhr.open("GET", "/path/to/file.pdf", true); xhr.responseType = "blob"; xhr.onload = function (e) { if (this.status === 200) { // `blob` response console.log(this.response); var file = window.URL.createObjectURL(this.response); document.querySelector("iframe").src = file; } }; xhr.send();-> Ver también Incrustar un blob usando PDFObject