jQuery – INPUT type = File,Image FileType验证选项?

前端之家收集整理的这篇文章主要介绍了jQuery – INPUT type = File,Image FileType验证选项?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下几点:
<input id="user_profile_pic" name="user[profile_pic]" type="file">

在服务器上,我检查一下,确定它是一个图像,但我想先检查客户端.

jQuery如何选择的文件输入文件不是gif,jpg,png或bmp?

谢谢

解决方法

你想检查一下这个元素的值是什么,其中的一些是:
$("#user_profile_pic").change(function() {

    var val = $(this).val();

    switch(val.substring(val.lastIndexOf('.') + 1).toLowerCase()){
        case 'gif': case 'jpg': case 'png':
            alert("an image");
            break;
        default:
            $(this).val('');
            // error message here
            alert("not an image");
            break;
    }
});

编辑

代码根据注释更改 – 现在删除所选文件的值(如果不是图像).

猜你在找的jQuery相关文章