HTML input file控件限制上傳文件類(lèi)型

　　下面為大家詳細介紹了HTML input file控件限制上傳文件類(lèi)型，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下以下是小編為大家搜索整理的HTML input file控件限制上傳文件類(lèi)型，希望能給大家帶來(lái)幫助!更多精彩內容請及時(shí)關(guān)注我們應屆畢業(yè)生考試網(wǎng)!

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

?

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

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

?

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

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

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

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

　　附支持的文件類(lèi)型：

?

【HTML input file控件限制上傳文件類(lèi)型】相關(guān)文章：

如何判斷PHP文件上傳file是否已選擇上傳文件11-01

html5中的input新屬性range使用記錄09-13

修改PHP上傳文件大小限制11-01

php使用html5實(shí)現多文件上傳實(shí)例09-04

Html5如何實(shí)現文件異步上傳功能09-16

php修改上傳文件大小限制實(shí)例詳解10-08

php怎么獲取input的id09-10

PHP實(shí)現文件上傳和多文件上傳07-31

英語(yǔ)單詞學(xué)習：file for09-05