file - 検証が失敗した後にファイルアップロードの値を空にする方法は?

Question

画像をアップロードするためのファイル入力フィールドがあり、JQuery を使用して検証されます。ただし、検証が失敗した場合でも、送信時に選択されたファイルがアップロードされます。検証が失敗した場合、ファイル フィールドをクリアまたはリセットする方法はありますか?

<input type="file" name="file" id="file">


$('#file').change(function(){
        var ext = $('#file').val().split('.').pop().toLowerCase();
        if($.inArray(ext, ['gif','png','jpg','jpeg','pdf']) == -1) {
            alert('Please make sure the types of file allowed to upload are jpg, jpeg, png, gif or pdf only');
        }
        if (this.files[0].size > 2097152) {             
            alert('Your file size is larger then allowed file size limit of 2MB');          
        }
    }); 

Answer 1

検証が失敗したら、ファイルの値を次のように設定します。

$('#file').val("");