html 页面中
<div class="layui-form-item">
<label class="layui-form-label">图片</label>
<div class="layui-input-block" id="img">
</div>
</div>
js中 实现遍历显示图片
数据库中 img_url 值为
["/app/promotion/public/app.png","/app/promotion/public/give.png","/app/promotion/public/app.png"]
{field:'img_url', title:'图片', width:250,height:100,templet:function(d){
var srr = JSON.parse(d.img_url);
var arr = '';
for(i=0;i < srr.length;i++){
arr += '<img style=" max-width:70px; max-height:50px;" class="layui-upload-img" src="'+ srr[i] +'"/>';
}
return arr;
}},
实现,点击图片,即 放大
$(document).on('click', '.layui-upload-img', function(data){
var imgSrc=$(this).attr('src');
layer.open({
type:1
,title:false
,closeBtn:0
,skin:'layui-layer-nobg'
,shadeClose:true
,content:'<img style="width:100%;height:100%;" class="layui-upload-img" src="'+ imgSrc +'"/>'
,scrollbar:false
})
})