EasyUI与php实现图片的显示,easyUI datagrid列表里面显示图片并预览的实现方法

想要在easydatagrid列表里面显示图片,并实现点击预览功能,可以使用以下方法进行实现:

下面我以图片字段格式为:upload/file/aa.png,upload/file,bb.png来简单说明

//这个是datagrid列表显示的那一行

图片预览

//显示图片的js

//图片添加路径

function imgFormatter(value,row,index){

if('' != value && null != value){

var strs = new Array(); //定义一数组

if(value.substr(value.length-1,1)==","){

value=value.substr(0,value.length-1)

}

strs = value.split(","); //字符分割

var rvalue ="";

for (i=0;i

rvalue += "<%=path%>%22%20+%20strs%5Bi%5D%20+%20%22";

}

return rvalue;

}

}

//这里需要自己定义一个div 来创建一个easyui的弹窗展示图片

function download(img){

var simg = "http://img02.ygqq.com/"+ img;

$('#dlg').dialog({

title: '预览',

width: 600,

height:750,

resizable:true,

closed: false,

cache: false,

modal: true

});

$("#simg").attr("src",simg);

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值