ダークエリア

SEのお仕事の備忘録や、ゲームの話などなどを記事に放り込む!!

ファイルアップロードのチェック【ファイルタイプ】

ファイルの種類をチェックしたい。

そのため、最初はサーバ側でバリデーションを実装していたのだけど…

バリデーションが実行されるのは、ファイルがアップロードされてから。

つまりファイルサイズが大きいと、それだけくっそ遅いのだった。。

 

ということで、画面上でチェックする必要があった。下記を参考に実装した。

javascript — jQueryでアップロード時のファイルタイプを制限するにはどうすればよいですか?

 

1.input[type=file]要素の値(.val()や.value)に対して、下記で拡張子を取得

var ext = $('#my_file_field').val().split('.').pop().toLowerCase();

または

var ext = this.value.match(/\.(.+)$/)[1];

2.チェックを実施

if($.inArray(ext, ['gif','png','jpg','jpeg']) == -1)