HTML Input=“file” Accept Attribute File Type (CSV)

Mobile Technologies Mobile Computing 3 years ago

4.91K 1 0 0 0

_x000D_ _x000D_ I have a file upload object on my page: with the following excel files on my desktop: file1.xlsx file1.xls file.csv I want the file upload to ONLY show .xlsx, .xls, & .csv files. Using the accept attribute, I found these content-types took care of .xlsx & .xls extensions... accept= application/vnd.openxmlformats-officedocument.spreadsheetml.sheet (.XLSX) accept= application/vnd.ms-excel (.XLS) However, I cannot find the correct content-type for an Excel CSV file! Any suggestions? EXAMPLE: http://jsfiddle.net/LzLcZ/

User submissions are the sole responsibility of contributors, with TuteeHUB disclaiming liability for accuracy, copyrights, or consequences of use; content is for informational purposes only and not professional advice.

Answers (1)

Post Answer
profilepic.png
manpreet Tuteehub forum best answer Best Answer 3 years ago
_x000D_ 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. Valid Accept Types: For CSV files (.csv), use: For Excel Files 97-2003 (.xls), use: For Excel Files 2007+ (.xlsx), use: For Text Files (.txt) use: For Image Files (.png/.jpg/etc), use: For HTML Files (.htm,.html), use: For Video Files (.avi, .mpg, .mpeg, .mp4), use: For Audio Files (.mp3, .wav, etc), use: For PDF Files, use: 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...
1 views
0 shares

No matter what stage you're at in your education or career, TuteeHUB will help you reach the next level that you're aiming for. Simply,Choose a subject/topic and get started in self-paced practice sessions to improve your knowledge and scores.

Similar Forum


Q

Would Firebase be a good choice as a server for the Flutter mobile game I'm creating?

_x000D_ _x000D_ I am building a turn-based Flutter game. Would Firebase be a good choice as a server...
Q

Implement Bottom Navigation activity along with a VerticalViewPager with nested Cardview in Android...

_x000D_ _x000D_ I want to develop an Android App which will have a Bottom Navigation Bar and above i...
Q

(JS) For , determine if the device offers or not to capture a photo from the camera

_x000D_ _x000D_ When uploading a file, I need to give the user the possibility: upload the file fr...

Important Mobile Technologies Links