文件预览

数据库存储的是图片的相对路径（事先从他处存进去的），点击预览按钮，使用layer.photos预览图片。

html：

 <td align="left"><a href="javascript:void(0);" οnclick="yl('${controller层传值.url}')">预览</a></td>

js:

 function yl(url){
var json={ "title": "相册", //相册标题
    "id": 123, //相册id
    "start": 0, //初始显示的图片序号，默认0
    "data": [   //相册包含的图片，数组格式
        {
            //"alt": "图片名1",
            //"pid": 666, //图片id
            "src": "${GET_PIC_PATH}"+url+"" //原图地址
            //"thumb": "" //缩略图地址
        }
    ]};
layer.photos({
        photos: json
        
    }); 
 }

其中：{GET_PIC_PATH}是后台controller传来的路径前缀。

controller层：

@RequestMapping(params = "method=list")
public String mblist(String title,Integer page,HttpSession session, HttpServletRequest request, 
HttpServletResponse response,ModelMap modelMap) throws Exception {
if(page==null){
page=1;
}
PageBean  pageBean=scMdMbGlService.queryByPage(title, pageSize, page);
modelMap.put("pageBean", pageBean);
//分页
PageUtil pu = new PageUtil(request,NumberUtil.removeIntNull(page), pageSize, pageBean.getAllRow() , 5, "", true); 
String[] pageStrs = new String[]{pu.getLinkCs(),pu.getParamForm()};
modelMap.addAttribute("pageStr",pageStrs);
modelMap.put("GET_PIC_PATH", GET_PIC_PATH);
return "/ht/mbgl/List";
}