[解決済み] アップロード時にjQueryでファイルの種類を制限するには？

質問

ファイルアップロードフィールドをjpg/jpeg/png/gifに限定してjQueryで表示させたいのですが、可能でしょうか？私はバックエンドのチェックを PHP でバックエンドチェックをしています。私は、送信ボタンを JavaScript 関数を通して送信ボタンを実行しているので、送信またはアラートの前にファイルの種類をチェックする方法を知る必要があります。

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

ファイルフィールドの値は、他のフィールドと同じように取得することができます。しかし、それを変更することはできません。

ですから 表面的に は、ファイルが正しい拡張子を持っているかどうかをチェックするために、次のようなことをすることができます。

var ext = $('#my_file_field').val().split('.').pop().toLowerCase();
if($.inArray(ext, ['gif','png','jpg','jpeg']) == -1) {
    alert('invalid extension!');
}