input file控制項限制上傳檔案型別

2021-08-20 15:12:02 字數 1683 閱讀 9452

input file控制項限制上傳檔案型別

網頁上新增乙個input file html控制項:

預設是這樣的,所有檔案型別都會顯示出來,如果想限制它只顯示我們設定的檔案型別呢,比如「word「,」excel「,」pdf「檔案 

解決辦法是可以給它新增乙個accept屬性,比如:

這樣選擇的時候缺省會顯示為這樣:

檔案選擇框內只顯示出你自定義檔案型別的檔案,也還比較方便。

but,這只是最簡單的掩人耳目的做法,還是能選擇其它檔案型別:

所以,如果要做到真正意義上限制型別做法(其實這種算不上限制,只是把你要的檔案型別預設顯示出來而已,並不是說不能選擇其它的),還是要通過js或者後台來控制。

附支援的檔案型別:

input file控制項限制上傳檔案型別

input file控制項限制上傳檔案型別

inputclass file type file 預設是這樣的,所有檔案型別都會顯示出來,如果想限制它只顯示我們設定的檔案型別呢,比如 excel pdf 檔案 inputclass file type file accept xls,pdf 但是這算不上嚴格意義上的限制,只是把你要的檔案型別預設...

input file控制項限制上傳檔案型別

網頁上新增乙個input file html控制項 預設是這樣的,所有檔案型別都會顯示出來,如果想限制它只顯示我們設定的檔案型別呢,比如 word excel pdf 檔案 解決辦法是可以給它新增乙個accept屬性,比如 附支援的檔案型別 but,這只是最簡單的掩人耳目的做法,還是能選擇其它檔案型...

input file實現多選和限制檔案上傳型別

取出上傳檔案格式的字尾名 var fileaccept id val split 1 獲取上傳檔案的字尾 if fileaccept doc fileaccept docx 獲取多檔案上傳的所有檔名 var filepaths id 0 files 或者這樣寫 document.getelement...