File io 檔案上傳型別限制

2021-09-13 14:37:45 字數 2112 閱讀 3635

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

<inputid="file1" type="file" />

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

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

<inputid="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中以逗號分隔開,便可以實現選擇檔案時...