This is how you trigger a `change` event on `<input type="file">` with JavaScript — useful for testing!

trigger-change-file-input

// vanilla JS
var event = document.createEvent("UIEvents");
event.initUIEvent("change", true, true);
document.querySelector('input[type=file]').dispatchEvent(event);

// jQuery
$('input[type=file]').trigger('change');

Here's the 2021 version

That does not trigger the 'change' event and can easily be accomplished without using any JavaScript:

<input
    type="file"
    id="inputFile"
    style="position: absolute; top: -1000px; left: -1000px;"
/>
<button><label for="inputFile">Look ma, no JS</label></button>

For triggering a change event you simply do this:

inputFile.dispatchEvent(new Event('change'))

thank you.