1. ホーム
  2. javascript

[解決済み] input type="file "ダイアログを特定のファイルタイプでフィルタリングする方法は?

2022-10-09 03:18:38

質問

のブラウズボタンをクリックすると、ブラウザがJPGファイルに制限されるようにしたいのですが。 <input type="file"> .

特定のファイルタイプをブラウズすることは可能ですか?

どのように解決するのですか?

参照 http://www.w3schools.com/tags/att_input_accept.asp :

accept属性は、以下の主要なブラウザでサポートされています。 インターネットエクスプローラーとサファリ。定義と使用方法

accept 属性は、サーバーが受け付ける(ファイルアップロードで送信できる)ファイルの種類を指定します。 受け入れる(ファイルアップロードで送信可能な)ファイルの種類を指定します。

注意: accept 属性は <input type="file"> .

ヒント この属性は検証用として使用しないでください。ファイルのアップロードは はサーバー上で検証されるべきです。

構文 <input accept="audio/*|video/*|image/*|MIME_type" />

ヒント: 複数の値を指定する場合は、コンマで区切ってください。 で区切ってください (例. <input accept="audio/*,video/*,image/*" /> .