input file event onchange no work when button click input file

Question

I fire input file via JS function like this:

function PujarFitxerGP() {
document.getElementById('FUFitxer').click();
};

This control have a onchange event to validate the file:

<input type="file" onchange="ValidateGP();return false;" ID="FUFitxer" style="display:none" />

Event is firing correctly but when I get the input file by Id not contains the file:

document.getElementById('FUFitxer').files[0].name; ------>UNDEFINED

If I do the same via input file (changing style="display:none") is working as expected.

How I can resolve this problem? What I did wrong?

Thanks!

Shreevardhan · Accepted Answer · 2022-06-09 08:35:18Z

2

You could use the onchange event's parameter to access the files object on change

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>

answered Jun 9, 2022 at 8:35

Shreevardhan

12.7k3 gold badges39 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Jota Bullon Over a year ago

When I do this is work as expected!!Thanks

Collectives™ on Stack Overflow

input file event onchange no work when button click input file

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related