ファイルアップロードを画像のみに制限する
ファイルアップロードを画像のみに制限する方法をメモしておきます。
簡易的ではありますが、 accept属性を指定することで実現できます。
1 | <input type="file" accept="image/*"> |
こうすることで、対応ブラウザであれば、ファイル選択ウィンドウで、画像ファイル以外はグレーアウトします。たくさんのファイルが並んでいる場合、画像ファイルのみが目立つようになるので、ユーザにも優しいというメリットも生まれます。
ただし、環境によっては、指定したもの以外も選択できるので、厳密に管理したい場合は、サーバサイドでチェックが必要です。
以上です。