上传图片，图片回显预览

<div class="form-group">
                <label class="control-label col-sm-3" for="add_file"><font color="red">*</font>封面:</label>
                <div class="col-sm-9" >
                    <input type="file" class="form-control" οnchange="changeFile()" id="add_file" name="file"/>
                    <li><font color="black" size= "2">请上传jpg或png格式的图片，1080*608，图片大小不超过200k</font></li>
                </div>
            </div>
            <div class="form-group" style="display:none" id="showDiv">
                <label class="control-label col-sm-3" for="show_icon"></label>
                <div class="col-sm-9" id="addShowDiv">
                    <img src="" width="300px" height="90px" id="show_icon"/>
                </div>
            </div>

 

 //添加的时候图片预览
        function changeFile() {
            /* var src =$("#show_icon")[0].src;
            alert(src); */
              var r= new FileReader();
              f=document.getElementById('add_file').files[0];
              if(!f){
                  document.getElementById('show_icon').src="";
                  document.getElementById("showDiv").style.display="none";
              }
              r.readAsDataURL(f);
              r.οnlοad=function (e) {
                  document.getElementById("showDiv").style.display="";
                  document.getElementById('show_icon').src=this.result;
                }
          }