Question

我正在验证上传的图片是否为jpg，如以下代码

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

var fileName = $('#pic').val();
alert(fileName);  //give result c:\fakepath\123.xls
if (fileName != '') {
    alert("Entered if");
    var ext = $('#pic').val().split('.').pop().toLowerCase();
    if (ext != 'jpg') {
        error = 1;
        alert(error);
    }
}

如果我选择任何文件，则验证通过。所以我发了两个警报。现在，第一个警报将显示所选的文件路径。但是如果它没有进入if条件，所以第二个警报没有这样做，不检查扩展是否正在发生。 if条件为true，因为fileName显示文件路径，因此它不等于''

Answer 1

我用过这个......对我有用

HTML ...

Picture <input type="file" id="pic" onchange="pic_val()" >

JS ..

function pic_val()
{   
    var fileName = $('#pic').val();
    alert(fileName);
    if (fileName != '') {
        alert("Entered if");
        var ext = $('#pic').val().split('.').pop().toLowerCase();
        if (ext != 'jpg')
        {
         error = 1;
        alert(error);
        }
        else
        {
            alert("Valid FIle");
        }
    }
}

Answer 2

试试这个

$(function () {

    $("#click").on("click", function () {
        var fileName=   $('#image').val();     
        alert(fileName);
        if (fileName != '') {
            alert("Entered if");
            var ext = fileName.split('.').pop().toLowerCase();
            if (ext != 'jpg') {
                error = 1;
                alert(error);
            }
        }

    });

});

Fiddle

jquery validationg .jpg任何文件扩展名的扩展名传递

2 个答案: