HTML input file控件限制上傳文件類型_動力節(jié)點Java學(xué)院整理
發(fā)布時間:2017-06-21 10:30:52 作者:佚名
我要評論

如何限制上傳文件類型?這篇文章主要為大家詳細(xì)介紹了HTML input file控件限制上傳文件類型,具有一定的參考價值,感興趣的小伙伴們可以參考一下
網(wǎng)頁上添加一個input file HTML控件:
<input id="File1" type="file" />
默認(rèn)是這樣的,所有文件類型都會顯示出來,如果想限制它只顯示我們設(shè)定的文件類型呢,比如“word“,”excel“,”pdf“文件
解決辦法是可以給它添加一個accept屬性,比如:
<input id="File1" type="file" accept=".xls,.doc,.txt,.pdf" />
這樣選擇的時候默認(rèn)會顯示為這樣:
文件選擇框內(nèi)只顯示出你自定義文件類型的文件,也還比較方便。
不過這只是最簡單的掩人耳目的做法,還是能選擇其它文件類型:
所以,如果要做到真正意義上限制類型做法(其實這種算不上限制,只是把你要的文件類型默認(rèn)顯示出來而已,并不是說不能選擇其它的),還是要通過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
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
- 表單驗證就是在表單提交服務(wù)器前對其進(jìn)行一系列的檢查并通知用戶糾正錯誤,本篇文章主要介紹了詳解HTML5中表單驗證的8種方法,具有一定的參考價值,有興趣的可以了解一下。2016-12-19
HTML中禁用表單控件的兩種方法readonly與disabled
有時候我們會希望表單上的控件是不可修改的,比如在修改密碼的網(wǎng)頁中,顯示用戶名的文本框就應(yīng)該是不可修改狀態(tài)的,下面與大家分享下禁用表中控件的兩種方法2014-08-24- 這篇文章主要介紹了使用css美化html表單控件詳細(xì)示例(表單美化),需要的朋友可以參考下2014-05-06
- dhtmlxGrid 是一個支持Ajax的 JavaScript 表格控件,方便您在網(wǎng)頁上顯示表格數(shù)據(jù),含有強大的API腳本,界面美觀大方,表格可以調(diào)整列寬、排序、拖拽、搜索、分組等2009-05-04
- 這個仿163網(wǎng)盤無刷新文件上傳系統(tǒng),并沒有用使用控件,完全的手工制作。 本來覺得這個系統(tǒng)會很復(fù)雜,但把每個部分都分析清楚后,其實需要的技術(shù)并不高。不過當(dāng)我把各個功2008-11-10
HTML基礎(chǔ)控件介紹_動力節(jié)點Java學(xué)院整理
這篇文章主要介紹了HTML基礎(chǔ)控件的相關(guān)資料,需要的朋友可以參考下2017-06-23