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

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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