关于layui的图片显示

​

标题关于layui的图片问题

1.图片显示的js代码

①：图片显示

  , {
     field: 'fileUrl', title: '附件', align: 'center',sort:false,
                  templet:function (d) {
     
                      return '
'
                  }}

效果：

②：点击图片图片变大

function photograph(t) {
     

    var t = $(t).find("img");
    if(t == null||t == ''){
     
        return;
    }
    layer.open({
     
        type: 1,
        skin: 'layui-layer-rim', //加上边框
        area: ['75%', '85%'], //宽高
        shadeClose: true, //开启遮罩关闭
        end: function (index, layero) {
     
            return false;
        },
        content: '
+ $(t).attr('src') + '" />
'
    });
}

效果：

③：如果想以按钮的样式展示，下图为老新对比

效果：

{
     field: 'fileUrl', title: '附件', align: 'center',sort:false,
                    templet:function (d) {
     
                        if(d.fileUrl == ''||d.fileUrl==null){
     
                            return '';
                        }else {
     
                            return '
 
查看>
'
                        }
                    }}