Disparo el archivo de entrada a través de la función JS de esta manera:
function PujarFitxerGP() { document.getElementById('FUFitxer').click(); };Este control tiene un evento onchange para validar el archivo:
<input type="file" onchange="ValidateGP();return false;" ID="FUFitxer" style="display:none" />El evento se activa correctamente pero cuando obtengo el archivo de entrada por Id no contiene el archivo:
document.getElementById('FUFitxer').files[0].name; ------>UNDEFINEDSi hago lo mismo a través del archivo de entrada (cambiando estilo = "mostrar: ninguno") funciona como se esperaba.
¿Cómo puedo resolver este problema? ¿Que hice mal?
¡Gracias!
Puede usar el parámetro del evento onchange para acceder al objeto de archivos en el cambio
function ValidateGP(e) { const file = e.target.files[0]; console.log(file.name); } function PujarFitxerGP() { document.getElementById('FUFitxer').click(); }; #FUFitxer { display: none; } <input type="file" id="FUFitxer" onchange="ValidateGP(event)" /> <button onclick="PujarFitxerGP(event)">Click here!</button>