2013-04-16 33 views
5

我很好奇,如果有的input的屬性使用image/*接受的有效圖像類型列表(本質上是擴展名)。示例:「文件」HTML輸入元素的已有MIME類型接受的類型

<input type="file" accept="image/*"> 

什麼擴展名對此有效?同樣,對於另外兩個,audio/*video/*。謝謝!

+0

您可以查看[此表](https://developer.mozilla.org/en-US/docs/HTML/Element/input#Browser_compatibility)(向下滾動至'audio/*'行)以獲取參考。但正如Alien先生指出的那樣,這可能不是瀏覽器和操作系統的一致列表。 – Passerby

回答

8

以下是您可以允許accept屬性使用不同文件類型的方式。

<input type="file" accept="image/jpeg,image/gif,image/png" /> 

同樣你也可以允許音頻和視頻文件。

請點擊此鏈接:http://en.wikipedia.org/wiki/MIME_type

您可以檢查哪些文件類型是允許的。

+0

我只想知道'image/*'提供的默認擴展名是如何確定的,並且可能存在靜態列表。 –

+0

這仍然需要在PHP方面進行驗證。您可以簡單地在螢火蟲或鉻上檢查並上傳任何文件。 – VVV

+0

請注意,這在所有瀏覽器中都不能正常工作。例如,Mozilla Firefox將允許'* .jpg'而不是'* .jpeg'。 – mbomb007