javascript - 如何使用javascript删除带有必填字段的图像输入

Question

我做了一个脚本来检查图像宽度，如果宽度小于一定数量则删除图像。

image 字段是必填项，在我删除它后，它仍然通过了文件验证。

示例:http://jsfiddle.net/AUQYv/3/

<form action="">
    <input type="file" id="file" required />
    <input type="submit" value="Submit">
</form>

Javascript

var _URL = window.URL || window.webkitURL;

$("#file").change(function (e) {
    var file, img;


    if ((file = this.files[0])) {
        img = new Image();
        img.onload = function () {
            if(this.width<490||this.height<175){
            $("#file").val("").change();
            }
        };
        img.onerror = function () {
            alert("not a valid file: " + file.type);
        };
        img.src = _URL.createObjectURL(file);


    }

});

Answer 1

您的条件语句正在设置 file = this.files[0]。更改为 ==

编辑:由于两位评论者都指出我错了，所以更换 $("#file").val("").change():

与

$("#file").replaceWith($("#file").clone());