En este post te mostraré cómo obtener los archivos seleccionados en un input de tipo file usando Angular. Vamos a obtener una referencia al elemento del DOM y luego acceder a la propiedad files.
Comenzamos agregando una referencia al input para que más tarde nos podamos referir a él. En este caso lo haré así:
Fíjate en que estoy usando #foto
para referirme a ese input.
Ahora debemos tener un ElementRef
dentro del componente en TypeScript. Para ello hacemos lo siguiente:
Mi variable se llama foto
, aunque es una coincidencia pues puede llamarse como gustes. Eso sí, en el primer argumento del decorador de ViewChild debes colocar el nombre que pusiste después del #
en el elemento.
Ya tenemos una referencia al elemento tal y como si lo hubiéramos hecho con querySelector, dentro de this.foto.nativeElement.
Ahora para acceder a sus archivos accedemos a this.foto.nativeElement.files
así:
No olvides que en este caso this.foto
se refiere al elemento que definimos con ViewChild
, que nativeElement
se refiere al elemento nativo y que files
es la propiedad que tiene un elemento DOM de tipo input file.
En este artículo te voy a enseñar a monitorear la cola de impresión de una…
En mi blog te he enseñado a usar youtube-dl para descargar vídeos con permiso del…
Siguiendo con los tutoriales que consumen la API de los Bots de Telegram con cURL…
En un post previo te enseñé a enviar un mensaje en nombre de un Bot…
En este artículo te voy a mostrar una guía para imprimir en una impresora térmica…
La impresión de un PDF en cualquier impresora se puede automatizar con un bot de…
Esta web usa cookies.