图片文件上传预览

<img id="schoolUpimg" src="" alt="" />                        
 <input class="upload-img" type="file" name="logoImageFile" onchange="$.createYclassImg(this,'fileId','img')" id="fileId" />

    GLOBAL = {
        GLOBAL.imagesFild = "";
    }
    (function($){
        $.extend({

            /*
                参数说明：
                ele:this
                fileId:input的Id
                imgId : img的Id
            */
            createYclassImg : function(ele,fileId,imgId){        
             if(checkImg(ele)){
                 uploadFile(base.value+'/upload/mtv',fileId);  
                 /*
                     base.value+'/upload/mtv;
                     这个是后台给的  图片上传的借口
                */  
             };

             //判断图片后缀
             function checkImg(ele){
                 var type = ele.value.substr(ele.value.lastIndexOf(".")).toLowerCase();
                 if(type == '.jpg'||type == '.png'||type == '.jpeg'||type == '.gif'){
                     return true
                 }else{
                    layer.alert("请上传jpg,jpeg,png,gif格式图片", {icon: 6}, function(index) {
                         layer.close(index);
                     });
                     return false;                 
                 }               
             };
//上传
             function uploadFile(url,fileId){
                 var formData = new FormData();
                 var xml = new XMLHttpRequest();                 formData.append('fileToUpload',document.getElementById(fileId)[0]);
                 xml.addEventListener('load',comuploader,false);
                 xml.open('post',url);
                 xml.send(formData)                              
             };
             function comuploader(eve){
                var data = (new Function("return " + eve.target.responseText))();
                var reader = new FileReader();  
                var img = document.getElementById(imgId);
                var file =  document.getElementById(fileId);
                console.log(file)
                if(file.files && file.files[0]){
                    reader.onload = function(evt){ img.src = evt.target.result };
                    reader.readAsDataURL(file.files[0]);
                }
                console.log(data.code)
                if(data.code == 200){
                     console.log(data.msg);
                      GLOBAL.imagesFild = data.msg;
                      console.log(data.msg)
                }

             }             
         }     
    });
})
})(jQuery)