ファイルアップロードのチェック【ファイルタイプ】
ファイルの種類をチェックしたい。
そのため、最初はサーバ側でバリデーションを実装していたのだけど…
バリデーションが実行されるのは、ファイルがアップロードされてから。
つまりファイルサイズが大きいと、それだけくっそ遅いのだった。。
ということで、画面上でチェックする必要があった。下記を参考に実装した。
javascript — jQueryでアップロード時のファイルタイプを制限するにはどうすればよいですか?
1.input[type=file]要素の値(.val()や.value)に対して、下記で拡張子を取得
var ext = $('#my_file_field').val().split('.').pop().toLowerCase();
または
var ext = this.value.match(/\.(.+)$/)[1];
2.チェックを実施