29
默認情況下，它可以選擇所有類型的文件，如何限制它以便它只能選擇.pdf文件？如何限制<input type =「file」>以便它只能選擇.pdf文件？
A
回答
27
您可以使用表單上的accept屬性向瀏覽器建議限制某些類型。但是，您需要在服務器端代碼中重新驗證以確保。永遠不要相信客戶送你什麼。
1
簡單地說：你不能使用純html和javascript。您可以得到最接近的是在提交表單之前使用javascript測試文件擴展名，並向用戶顯示一些錯誤消息，如果它不是.pdf。如果你想實現這一點，你可能需要使用一些客戶端解決方案，例如Flash上傳控件。
71
更明確地......
<input type="file" accept="application/pdf" />
相關問題
- 1. <input type =「file」>通過擴展限制可選文件
- 2. 定製<input type =「file」>？
- 3. 如何用<input type =「file」>選擇多個文件？
- 4. <input type =「file」/>
- 5. 如何讓<input type =「file」>只接受圖像文件
- 6. <input type =「file」multiple =「multiple」/>不允許選擇多個文件
- 7. 清除<input type = file>
- 8. <input type =「file」> EMPTY
- 9. HTML <INPUT TYPE =「文件」>如何讓文件選擇
- 10. <input type =「file」>只讀文件名不全路徑
- 11. HTML <input type =「text」... as <input type =「file」
- 12. 如何在<input type =「text」>標籤內放置<input type =「file」>？
- 13. 我可以使用<input type =「text」>來模擬<input type =「file」>嗎？
- 14. 如何隱藏<input type ='file'>中的文件位置？
- 15. 如何在<input type =「file」/>中顯示文件路徑？
- 16. JS用於清除<input type =「file」>選擇
- 17. 如何移動「選擇文件」右邊的「沒有選擇文件」在<input type =「file」/>用css
- 18. HTML <INPUT TYPE = '文件'>文件選擇事件
- 19. 不使用<input type =「file」/>
- 20. <input type =「file」/>的幫助器
- 21. 覆蓋<input type =「file」>值屬性
- 22. 回顧從<input type =「file」>
- 23. 當<input type =「file」>形式爲
- 24. 通過打開<input type =「file」>
- 25. 問題與<input type =「file」>
- 26. 如何限制多個輸入上的最大項目（<input type =「file」multiple />）
- 27. 文件瀏覽器控件替換<input type =「file」>
- 28. 如何在React中檢測<input type =「file」/>上的空選擇？
- 29. 如何從<input type =「file」>獲取UNC路徑>
- 30. 如何將excel文件從<input type =「file」>上傳到php服務器>
的可能重複[有限的文件類型的HTML文件輸入字段？]（http://stackoverflow.com/questions/1240934/html-file-input-field-限制文件類型） – marcog 2011-01-08 13:52:14
客戶端這是不可能的AFAIK。您需要檢查@服務器端用戶決定發佈的內容。 – ChristopheD 2011-01-08 13:52:20
也檢查[文件輸入'接受'屬性 - 是否有用？]（http://stackoverflow.com/questions/181214/）的變通辦法。 – 2011-01-08 13:53:22