網(wǎng)頁上添加一個(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í)有所幫助，也希望大家多多支持腳本之家。
標(biāo)簽：崇左 眉山 河池 營口 阜陽 晉中 青海 北海
巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《HTML input file控件限制上傳文件類型_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理》，本文關(guān)鍵詞 HTML,input,file,控件,限制,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。
