3

Tengo un inconveniente al obtener el valor de mi input:

<input type="file" name="fileToUpload[]" id="inputFileServer" accept="image/png"/>

En angular tengo:

var file = document.getElementById('inputFileServer').files[0];
console.log("File: ", file);

Obteniendo como resultado "undefined"

1
  • Muestra ese mensaje porque no tiene seleccionado ningún archivo por lo tanto la posición 0 será indefinida.
    – Dev. Joel
    el 25 sep. 2017 a las 20:22

1 respuesta 1

4

El resultado es el esperado. Si al cargar la página no se seleccionó ningún archivo en su input no se podrá obtener el elemento con indice 0 ya que el FileList estará vacío.

Para que note el cambio podría colocar el código Js en una función en el evento change

function cambiarFile(){
    const input = document.getElementById('inputFileServer');
    if(input.files && input.files[0])
        console.log("File Seleccionado : ", input.files[0]);
    
}
console.log("Sin Archivo Seleccionado " + document.getElementById('inputFileServer').files[0]);
<input type="file" name="fileToUpload" id="inputFileServer" accept="image/png" onchange="return cambiarFile();" />

1

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.