Excerpt from: http://blog.csdn.net/jyy_12/article/details/9851349
(IE9 and below do not support these features, the latest version of other browsers are supported.) )
1. Allow uploading of files
Allow multiple files to be selected: <input type= "File" multiple>
Allow only one file to be uploaded: <input type= "File" single>
2, upload the specified file format
<input type= "file" accept= "image/gif,image/png" />
The upload format here refers to the default file format when you open the upload pop-up selection file, and can be manually modified to other file formats.
If you do not limit the format of uploaded pictures can be written as: accept= "image/*"
Other format references are as follows:
*.3gpp |
AUDIO/3GPP, VIDEO/3GPP |
3GPP Audio/video |
*.ac3 |
Audio/ac3 |
AC3 Audio |
*.asf |
allpication/vnd.ms-asf |
Advanced Streaming Format |
*.au |
Audio/basic |
AU Audio |
*.css |
Text/css |
Cascading Style Sheets |
*.csv |
Text/csv |
Comma separated Values |
*.doc |
Application/msword |
MS Word Document |
*.dot |
Application/msword |
MS Word Template |
*.dtd |
Application/xml-dtd |
Document Type Definition |
*.dwg |
Image/vnd.dwg |
AutoCAD Drawing Database |
*.dxf |
image/vnd.dxf |
AutoCAD Drawing Interchange Format |
*.gif |
Image/gif |
Graphic Interchange Format |
*.htm |
text/HTML |
Hypertext Markup Language |
*. HTML |
text/HTML |
Hypertext Markup Language |
*.jp2 |
Image/jp2 |
JPEG-2000 |
*.jpe |
Image/jpeg |
Jpeg |
*.jpeg |
Image/jpeg |
Jpeg |
*.jpg |
Image/jpeg |
Jpeg |
*.js |
Text/javascript, Application/javascript |
Javascript |
*.json |
Application/json |
JavaScript Object Notation |
*.mp2 |
Audio/mpeg, Video/mpeg |
MPEG audio/video Stream, Layer II |
*.mp3 |
Audio/mpeg |
MPEG Audio Stream, Layer III |
*.mp4 |
Audio/mp4, Video/mp4 |
MPEG-4 Audio/video |
*.mpeg |
Video/mpeg |
MPEG Video Stream, Layer II |
*.mpg |
Video/mpeg |
MPEG Video Stream, Layer II |
*.mpp |
Application/vnd.ms-project |
MS Project Project |
*.ogg |
Application/ogg, Audio/ogg |
Ogg Vorbis |
*.pdf |
Application/pdf |
Portable Document Format |
*.png |
Image/png |
Portable Network Graphics |
*.pot |
Application/vnd.ms-powerpoint |
MS PowerPoint Template |
*.pps |
Application/vnd.ms-powerpoint |
MS PowerPoint Slideshow |
*.ppt |
Application/vnd.ms-powerpoint |
MS PowerPoint Presentation |
*.rtf |
Application/rtf, Text/rtf |
Rich Text Format |
*.svf |
Image/vnd.svf |
Simple Vector Format |
*.tif |
Image/tiff |
Tagged Image Format File |
*.tiff |
Image/tiff |
Tagged Image Format File |
*. txt |
Text/plain |
Plain Text |
*.wdb |
Application/vnd.ms-works |
MS Works Database |
*.wps |
Application/vnd.ms-works |
Works Text Document |
*.xHTML |
application/xHtml+xml |
Extensible Hypertext Markup Language |
*.xlc |
Application/vnd.ms-excel |
MS Excel Chart |
*.xlm |
Application/vnd.ms-excel |
MS Excel Macro |
*.xls |
Application/vnd.ms-excel |
MS Excel Spreadsheet |
*.xlt |
Application/vnd.ms-excel |
MS Excel Template |
*.xlw |
Application/vnd.ms-excel |
MS Excel Workspace |
*.xml |
Text/xml, Application/xml |
Extensible Markup Language |
*.zip |
Aplication/zip |
Compressed Archive |
Here to be careful to explain is: Many online tutorials have said that Excel filtering to use "accept=" Application/msexcel"", in fact, is a big mistake! It 's been tested, no! I am also doing phpexcel export Excel file Yes, see, there is a line of code:
Header (' Content-type:application/vnd.ms-excel '); //excel 2003
Header (' Content-type:application/vnd.openxmlformats-officedocument.spreadsheetml.sheet '); //excel
I just realized that the original. xls format file to use with this MIME type. Test, Success!
HTML5 form Upload Control files filter file in specified format: Accept property to filter Excel file