35

重複の可能性:
<input type="file"> を使用する場合、ファイル形式を制限しますか?

pattern要素で JPG、GIF、および PNG ファイルのみを許可するには、HTML5 属性を使用する必要があります<input type="file">

現在、このパターンがありますが、機能していません。

<input type="file" class="input-file" id="tbinstUploadFile0" name="tbinstUploadFile0" placeholder="Please insert an image file..." pattern="([^\s]+(\.(?i)(jpg|png|gif|bmp))$)">

この正規表現パターンは HTML5 と互換性がありませんか? 有効な HTML5 正規表現パターンをテストするにはどうすればよいですか?

4

1 に答える 1

68

次のようなものを試してください

<input type="file" name="my-image" id="image" accept="image/gif, image/jpeg, image/png" />

最新のブラウザ対応表はこちら

ライブデモはこちら

画像ファイルのみを選択するには、これを使用できますaccept="image/*"

<input type="file" name="my-image" id="image" accept="image/*" />

ライブデモはこちら

gif、jpg、png のみが表示されます。Chrome バージョン 44 からのスクリーン グラブ gif、jpg、png のみが表示されます。Chrome バージョン 44 からのスクリーン グラブ

于 2012-06-19T09:54:44.677 に答える