HTML Input to load file/folder automatically

I am using javascript and html to load a file (browser).

I currently have this:

<input type="file" id="file-input" @input="openFile" />

Then openFile() loads the file using the FileReader API.

My question is, since actually, I want the file to load dynamically - I do not want to have a user prompt for file input. Any way to achieve this? How about for directories (recursively get all matching files and open/display the files in the browser)?

The files are located locally. This web page will be loaded locally - no servers/local serveres whatsoever.

Thanks!