HTML input file控件限定上传文件范例_动力节点Java学院清算

网页上添加一个input file HTML控件：

<input id="File1" type="file" />

默认是这样的，全部文件范例城市表现出来，假如想限定它只表现我们设定的文件范例呢，好比“word“,”excel“,”pdf“文件　

办理步伐是可以给它添加一个accept属性，好比：
 

<input id="File1" type="file" accept=".xls,.doc,.txt,.pdf" />

这样选择的时辰默认会表现为这样：

文件选择框内只表现出你自界说文件范例的文件，也还较量利便。

不外这只是最简朴的掩人线人的做法，照旧能选择其余文件范例：

以是，假如要做到真正意义上限定范例做法（其拭魅这种算不上限定，只是把你要的文件范例默认表现出来罢了，并不是说不能选择其余的），照旧要通过js可能靠山来节制。

附支持的文件范例：

*.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

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!