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("");