layer实现表格大图预览功能

表格增加formatter

  formatter: function (value, row, index) {
                        return '<img src="' + value + '" width="80" height="40" onclick="avatar(this)">';
                    }

js实现点击图片放大预览

  /*查看图片*/
        function avatar(url) {
    
            var img_infor = "<img src='" + url.src + "'  width='800' height='400' />";
             layer.open({  
                 type: 1, 
                 closeBtn: 1,
                 shade: false,  
                 title: false, //不显示标题
                 skin: 'layui-layer-nobg', //没有背景色
                 shadeClose: false,
                 area:['800px','400px'],   
                 content: img_infor //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响  
               
               }); 
        }

显示效果：

 

 点击图片放大效果：