JavaScript检测文件上传的类型与大小

$(function(){
    $("#files").change(function(){
        // 添加允许上传的文件类型
        var exts = new Array();
        exts[0] = "jpg";
        exts[1] = "pdf";
        var len = $(this).get(0).files.length;
        var size = 0;
        var type;
        for(var i=0;i<len;i++){
            var fileName = $(this).get(0).files[i].name;
            var ext = fileName.substring(fileName.lastIndexOf(".")+1,fileName.length).toLowerCase();
            var check;
            for(var j=0;j<exts.length;j++) {
                if(j == 0) {
                    check = (ext == exts[j]);
                }else{
                    check = check || (ext == exts[j]);
                }
            }
            if(!check){
                type = "error";
            }
            size += $(this).get(0).files[i].size;
        }
        // 设置允许通过的文件大小
        if(size > 1024*1024*10 || type == "error"){
            // ignore
        }
    });
});

有时候在项目中懒得为此还得专门添加一些插件，就用这段代码代替吧。