How to click an input (type=file) on onload event

Question

function myfunction() {
    alert("hello");
    document.getElementById('file').click();
}

<body onload="myfunction();">
    <input type="file" id="file" />
</body>

Now alert is displayed, but file is not clicked on onload event but if we change the event to onclick, the alert is shown as well as file is also clicked.

Why do you need to fire up file browser `onload`? I smell something fishy here ... — Adam Azad, Oct 21 '15 at 14:21
Possible duplicate of http://stackoverflow.com/questions/24250877/show-input-file-dialog-on-load — Parkash Kumar, Oct 21 '15 at 14:23

Eric · Answer 1 · 2015-10-28T15:52:17.983

Based on the security model of the modern browsers this is not possible. The click function will not work until the user has interacted with the page. The best I could come up with is the onfocus event which requires the user to do very little to interact with the page.

Try this...

function myfunction() {
    alert("hello");
    document.getElementById('file').click();
}

<body onfocus="myfunction();">
    <input type="file" id="file" />
</body>

How to click an input (type=file) on onload event

1 Answers1