網頁上新增乙個input file html控制項:
<
input
id="file1" type="file" />
預設是這樣的,所有檔案型別都會顯示出來,如果想限制它只顯示我們設定的檔案型別呢,比如「word「,」excel「,」pdf「檔案
解決辦法是可以給它新增乙個accept屬性,比如:
<
input
id="file1" type="file" accept=".xls,.doc,.txt,.pdf" />
這樣選擇的時候缺省會顯示為這樣:
檔案選擇框內只顯示出你自定義檔案型別的檔案,也還比較方便。
but,這只是最簡單的掩人耳目的做法,還是能選擇其它檔案型別:
所以,如果要做到真正意義上限制型別做法(其實這種算不上限制,只是把你要的檔案型別預設顯示出來而已,並不是說不能選擇其它的),還是要通過js或者後台來控制。
附支援的檔案型別:
附上 office為 2007版本以後的一些 檔案限制型別的 屬性值
檔案上傳型別限制
1,上傳檔案時,可在input 框中新增 accept 屬性來限制選擇的檔案型別,專案中使用時要限制上傳型別為word,查詢資料發現大部分列舉的型別都只有 對doc的限制,而對word2007以上的 docx 型別沒法限制,下面給出方法 在accept中以逗號分隔開,便可以實現選擇檔案時,預設只能選...
檔案上傳型別限制
一 上傳檔案時,可在input 框中新增 accept 屬性來限制選擇的檔案型別,專案中使用時要限制上傳型別為word,查詢資料發現大部分列舉的型別都只有對doc的限制,而對word2007以上的 docx 型別沒法限制,下面給出方法 docx限制 document 在accept中以逗號分隔開,便...
檔案上傳型別限制
一 上傳檔案時,可在input 框中新增 accept 屬性來限制選擇的檔案型別,專案中使用時要限制上傳型別為word,查詢資料發現大部分列舉的型別都只有對doc的限制,而對word2007以上的 docx 型別沒法限制,下面給出方法 docx限制 在accept中以逗號分隔開,便可以實現選擇檔案時...