2013-04-16 18 views
5

inputaccept属性にimage/*を使用して、有効な画像タイプのリスト(本質的な拡張子)を受け入れることができますか?例:"file"で受け入れるタイプHTML入力エレメントの既存のMIMEタイプ

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

これにはどのような拡張機能が有効ですか?同様に、他の2つについては、audio/*video/*です。ありがとうございました!

+0

いくつかの参考文献については、[この表](https://developer.mozilla.org/en-US/docs/HTML/Element/input#Browser_compatibility)(「オーディオ/ *」行までスクロールダウン)をチェックしてください。しかしAlien氏が指摘しているように、これはブラウザーとOS間で一貫したリストではないかもしれません。 – 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