Input FileUpload accept 属性

定義と使用方法

accept 属性設定またはファイルアップロードボタンの accept 属性の値を返却します。

HTML accept 属性は、ファイルアップロードを通じてサーバーが受け入れる(提出される)ファイルのタイプを指定します。

も参照してください:

HTML リファレンスマニュアル:HTML <input> accept 属性

例 1

受け入れられるコンテンツタイプを変更します:

// サーバーはファイルアップロード中の音声ファイルのみを受け入れます
document.getElementById("myFile").accept = "audio/*";

自分で試してみてください

例 2

<input type="file"> 元素が受け入れられるコンテンツタイプを表示:

var x = document.getElementById("myFile").accept;

自分で試してみてください

例 3

複数のコンテンツタイプを受け入れます:

// サーバーはファイルアップロード中の音视频ファイルのみを受け入れます
document.getElementById("myFile").accept = "audio/*,video/*";

自分で試してみてください

文法

accept 属性の返却:

fileuploadObject.accept

accept 属性の設定:

fileuploadObject.accept = "audio/*,video/*,image/*,MIME_type"

属性値

説明
audio/* すべてのオーディオファイルを受け入れます。
video/* すべてのビデオファイルを受け入れます。
image/* すべての画像ファイルを受け入れます。
MIME_type

有効な MIME タイプ。

確認してください IANA MIME タイプ、標準的な MIME タイプの完全なリストを取得します。

ヒント:複数の値を指定する場合は、カンマで区切ってください。

技術的詳細

返り値: 文字列値、コンテンツタイプのリストをカンマで区切ります。

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポートしない サポート サポートしない サポート