open a particular type of file using input of type="file" in javascript

Question

I am trying to open a file using <input type="file" ...> and display it as text. I want the dialog box that pops up to open the file to show a particular extension of the file like ".txt" or ".jpg" instead of "All Files". how can I do that using javascript alone?

Answer 1

You can use the accept attribute in the input:

<input type="file" accept=".txt,.jpg">

For more info, see MDN.