欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

HTML input file控件限制上傳文件類型_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理

  發(fā)布時(shí)間：2017-06-21 10:30:52   作者：佚名   我要評(píng)論
如何限制上傳文件類型？這篇文章主要為大家詳細(xì)介紹了HTML input file控件限制上傳文件類型，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

網(wǎng)頁(yè)上添加一個(gè)input file HTML控件：

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

默認(rèn)是這樣的，所有文件類型都會(huì)顯示出來，如果想限制它只顯示我們?cè)O(shè)定的文件類型呢，比如“word“,”excel“,”pdf“文件　

解決辦法是可以給它添加一個(gè)accept屬性，比如：
 

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

這樣選擇的時(shí)候默認(rèn)會(huì)顯示為這樣：

文件選擇框內(nèi)只顯示出你自定義文件類型的文件，也還比較方便。

不過這只是最簡(jiǎn)單的掩人耳目的做法，還是能選擇其它文件類型：

所以，如果要做到真正意義上限制類型做法（其實(shí)這種算不上限制，只是把你要的文件類型默認(rèn)顯示出來而已，并不是說不能選擇其它的），還是要通過js或者后臺(tái)來控制。

附支持的文件類型：

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

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論