Sometimes, we want to allow HTML file input to accept only image files.
In this article, we’ll look at how to allow HTML file input to accept only image files.
How to allow HTML file input to accept only image files?
To allow HTML file input to accept only image files, we set the accept attribute.
For instance, we write
<input type="file" name="myImage" accept="image/png, image/gif, image/jpeg" />
to set the accept attribute of the file input to image/png, image/gif, image/jpeg to make the file input accept images files with extensions png, gif, and jpeg.
Conclusion
To allow HTML file input to accept only image files, we set the accept attribute.
