一.图片在表格中显示
//datagrid行属性
field:'images',
width:300,
align:'center',
formatter:imgFormatter
二.图片添加路径
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<strs.length ;i++ ){
rvalue += "<img οnclick=download(\""+strs[i]+"\")
style='width:66px;
height:60px;
margin-left:3px;'
src='<%=path%>" + strs[i] + "' title='点击查看图片'/>";
}
return rvalue;
}}
三.弹窗展示图片
//这里需要自己定义一个div 来创建一个easyui的弹窗展示图片
function download(img){
var simg = "http://....com/"+ img;
$('#dlg').dialog({
title: '预览', width: 600,
height:750,
resizable:true,
closed: false,
cache: false,
modal: true
});
>$("#simg").attr("src",simg);
}