web开发 js、jQuery文件上传限制类型

一、js原生态代码（我这里只判断是否为图片，大家可以扩展）

//这里参数是文件名
function isPicture(fileName){
    if(fileName!=null && fileName !=""){
        //lastIndexOf如果没有搜索到则返回为-1
        if (fileName.lastIndexOf(".")!=-1) {
            var fileType = (fileName.substring(fileName.lastIndexOf(".")+1,fileName.length)).toLowerCase();
            var suppotFile = new Array();
            //允许的类型
            suppotFile[0] = "jpg";
            suppotFile[1] = "gif";
            suppotFile[2] = "png";
            suppotFile[3] = "jpeg";
            for (var i =0;i<suppotFile.length;i++) {
                if (suppotFile[i]==fileType) {
                    return true;
                } else{
                    continue;
                }
            }
            //alert("文件类型不合法,只能是jpg、gif、png、jpeg类型！");
            return false;
        } else{
            //alert("文件类型不合法,只能是 jpg、gif、png、jpeg 类型！");
            return false;
        }
    }
}

二、使用jQuery代码（大家可以看到这比原生态代码精简很多，推荐大家用这种方式做判断）

//这里参数文件
function checkImg(file){
    //允许的类型    
    var allowTypes = ["jpg","jpeg","png","gif"];   
    var fileName = $.trim($(file).val());
    var postfix = fileName.substring(fileName.lastIndexOf(".")+1).toLowerCase();
    var result = false;
    $.each(allowTypes,function(i,d){
        if(postfix === d){
            result = true;
        }
    });
    /*if(!result){
        alert("请选择正确的图片类型: "+allowTypes.join(","));
        $(file).val('');
    }*/    
return true;
}