上传图片格式简单校验和回显

 

　　// 上传图片回显
    $("#file").change(function (e) {
　　　　　　// 获取文件名
        var filename = e.currentTarget.files[0].name;
        var img = ['.png', '.jpeg', '.jpg'];
        filename = filename.slice(filename.indexOf("."));
　　　　　　// 判断 后缀校验数组 是否包含上传文件的后缀
        if(img.indexOf(filename) > -1){
            var imgFile = this.files[0];    //获取到第一个上传的文件对象,声明全局变量
            var fr = new FileReader();       //实例FileReader对象
            fr.readAsDataURL(imgFile);      //把上传的文件对象转换成url
            fr.onload = function(event) {
                var url=this.result;    //上传文件的URL
                var $img=$("<img width='240px' height='200px' src='"+url+"'/>");
                $("#imgs").append($img);
                $("#img").hide();
            };
        }else{
            alert("图片格式不正确，请重新选择");
        }
        // alert(this.value.toLowerCase().split('.').splice(-1));       // 获取上传文件的后缀

    })