Created
May 6, 2020 07:23
-
-
Save yashvekaria/435b037de399f4ae11450eba7f388f11 to your computer and use it in GitHub Desktop.
Upload File Mime type
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Well this is embarrassing... I found the solution I was looking for and it couldn't be simpler. I used the following code to get the desired result. Hope this helps someone in the future. Thanks everyone for your help. | |
<input id="fileSelect" type="file" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" /> | |
Valid Accept Types: | |
For CSV files (.csv), use: | |
<input type="file" accept=".csv" /> | |
For Excel Files 97-2003 (.xls), use: | |
<input type="file" accept="application/vnd.ms-excel" /> | |
For Excel Files 2007+ (.xlsx), use: | |
<input type="file" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" /> | |
For Text Files (.txt) use: | |
<input type="file" accept="text/plain" /> | |
For Image Files (.png/.jpg/etc), use: | |
<input type="file" accept="image/*" /> | |
For HTML Files (.htm,.html), use: | |
<input type="file" accept="text/html" /> | |
For Video Files (.avi, .mpg, .mpeg, .mp4), use: | |
<input type="file" accept="video/*" /> | |
For Audio Files (.mp3, .wav, etc), use: | |
<input type="file" accept="audio/*" /> | |
For PDF Files, use: | |
<input type="file" accept=".pdf" /> | |
DEMO: | |
http://jsfiddle.net/dirtyd77/LzLcZ/144/ | |
NOTE: | |
If you are trying to display Excel CSV files (.csv), do NOT use: | |
text/csv | |
application/csv | |
text/comma-separated-values (works in Opera only). | |
If you are trying to display a particular file type (for example, a WAV or PDF), then this will almost always work... | |
<input type="file" accept=".FILETYPE" /> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment