图片显示

1.按一定大小，直接在img 标签里设置style

<img src="{{detaildata.image}}" name="img" style="width:32px;height: 32px;">

2.按图片原本大小自适应显示，不在容器里设置任何大小

鼠标滑过，图片自动在可视区域中心显示

<div id="divImage" style="display:none;left:50%;position:fixed;z-index:9999999;">
 <img id="imgbig" src="" alt="预览"  />
 </div>

 $scope.imgclick = function(val){
      $("#divImage")[0].style.display="";
      $("#imgbig")[0].src=val;
      var sceenwidth =  document.body.clientWidth;
      var sceenheight = document.body.offsetHeight; //获取可视区大小
      let img = new Image();
          img.src = val; //获取图片
          img.onerror = function(){
          toastr.error(" 图片加载失败，请检查url是否正确",'失败');
          return false;
         };

          if(img.complete){
           $("#divImage")[0].style.top =(sceenheight-img.height)/2+'px';
            $("#divImage")[0].style.left =(sceenwidth-img.width)/2+'px'; //根据图片大小确定中心点
          }else{
          img.onload = function(){
          img.onload=null;//避免重复加载
          }
          }
    }
    $scope.closeimg = function(){
    $("#divImage")[0].style.display="none";
    }