En este video aprenderás a generar una vista previa de un documento PDF con vanilla java script. ¡Vamos al código! *DESCARGA EL PROYECTO* mipartitura.com...
justo el vídeo que estaba buscando , estoy haciendo un proyecto final para la u y necesitaba eso, muchas gracias amigo sigue así, podrías subir un vídeo para descargar el archivo una ves se subió a la página ?
que me recomiendas, he estado buscando opciones para generar una vista previa de un pdf apartir de la busqueda de un texto en especifico y que lo remarque
No se si sea tonta o no la pregunta, pero en mi servidor local cuando termino de crear la db tira que las paginas no existen. Pero lo hice en el servidor que tengo y ahi si me corria bien. Alguien sabe porque? Me imagino que sera una configuracion pero no se cual. Gracias
como se le haría para que visualice archivos word, modifiqué el js pero no me lo muestra, sale que no es compatible.. document.querySelector('#pdffFile').addEventListener('change', () => { let pdf = document.querySelector('#pdffFile').files[0]; console.log(pdf.type); let pdfURL = URL.createObjectURL(pdf); console.log(pdfURL); document.querySelector('#vista').setAttribute('type', pdf.type); document.querySelector('#vista').setAttribute('src', pdfURL); })
@SoyValo document.querySelector('#pdffFile').addEventListener('change', () => { let pdf = document.querySelector('#pdffFile').files[0]; console.log(pdf.type); let pdfURL = URL.createObjectURL(pdf); console.log(pdfURL); document.querySelector('#vista').setAttribute('type', pdf.type); document.querySelector('#vista').setAttribute('src', pdfURL); }) no funciona, sale que no es compatible
¡Excelente, muchisimas gracias por compartir tu conocimiento!
Querido y apreciado makeCode de verdad, así de verdad, tu video me ayudo MUCHO no tienes una p(@¡&$$ idea de cuanto me ayudaste. mil gracias.
justo el vídeo que estaba buscando , estoy haciendo un proyecto final para la u y necesitaba eso, muchas gracias amigo sigue así, podrías subir un vídeo para descargar el archivo una ves se subió a la página ?
Excelente video, me gusto mucho y está fácil de implementar, gracias por compartir el conocimiento. Me ayudo mucho.
muy buena explicación, gracias por compartir. LIKE👍
Genial, muy bueno tu explicación 👌
Gracia amigo por tu tiempo , conocimiento ya aportación.
Excelente ¿Tienes algún video donde enseñes a almacenar el archivo pdf en alguna carpeta y general la ruta?
Espectacular gracias!
Muy muy muy interesante
Hola! Podías hacer un video para crear pdfs con js? O nodejs? Quiero generar una tabla a pdf
Exente muchas gracias
que me recomiendas, he estado buscando opciones para generar una vista previa de un pdf apartir de la busqueda de un texto en especifico y que lo remarque
me ajudou mt, obrigado.
Como puedo configurar para el boton de descarga , para que descargue con el nombre del archivo y no de codigo GUID que se genera.
No se si sea tonta o no la pregunta, pero en mi servidor local cuando termino de crear la db tira que las paginas no existen. Pero lo hice en el servidor que tengo y ahi si me corria bien. Alguien sabe porque? Me imagino que sera una configuracion pero no se cual. Gracias
se puede subir un pdf a html5 y con css y javascrip darle efectos y forma de revista ? o es un trabajo largo
como se le haría para que visualice archivos word, modifiqué el js pero no me lo muestra, sale que no es compatible..
document.querySelector('#pdffFile').addEventListener('change', () => {
let pdf = document.querySelector('#pdffFile').files[0];
console.log(pdf.type);
let pdfURL = URL.createObjectURL(pdf);
console.log(pdfURL);
document.querySelector('#vista').setAttribute('type', pdf.type);
document.querySelector('#vista').setAttribute('src', pdfURL);
})
¿Cómo seria en caso de que yo genere un formato PDF en base64, para posteriormente generarlo mediante un código objeto en JavaScript?
porque el visor de pdf no funciona cuando la pagina esta en modo movil...
Buen tutorial
Hola! Pudiste solucionar el error que te arrojaba? Si gustas puedo mandarte el código por correo.
Consulta, estoy recién aprendiendo, como lo hago si quiero hacer lo mismo, pero visualizando dos PDF al mismo tiempo?
@Thouma caos te lo agradecería!! Todavía no he podido 😃
Genial
¡Muy fácil! ¿No crees?
Descarga el proyecto:
mipartitura.com/makecode/vista-previa-pdf-js
Hola, esta excelente como lo hiciste, me ayudas para (Eliminar el scrollbar), asi como hiciste con el toolbar
Se puede crear un binario con la ruta blo para guardarla el archivo en el servidor?
@SoyValo si realizaste este tutorial?:(
como seria para vosualizar excel y word??
@SoyValo document.querySelector('#pdffFile').addEventListener('change', () => {
let pdf = document.querySelector('#pdffFile').files[0];
console.log(pdf.type);
let pdfURL = URL.createObjectURL(pdf);
console.log(pdfURL);
document.querySelector('#vista').setAttribute('type', pdf.type);
document.querySelector('#vista').setAttribute('src', pdfURL);
})
no funciona, sale que no es compatible
Nunca entendí a qué hace referencia VANILLA JAVASCRIPT. ¿Alguien sabe?
a javascript puro, sin librerias ni frameworks