关于layui的table里面显示图片的问题

提问 未结
3 136
小王叫我来巡山
悬赏:20飞吻
版本:layui 2.2.5 浏览器:谷歌
如题:
目前我已经实现在layui的table里面显示图片,但是目前有一个问题,这个img标签的src属性会自动访问后台地址,我使用的是官方的模板引擎,不知道是什么情况,希望了解的大神可以帮我指点一下,感谢,下面附属图片及其代码:
前端JS部分:
//产品列表
var tableIns = table.render({
elem: '#productList',
method: 'post',
url : '../product/dataGrid',
cellMinWidth : 95,
page : true,
height : "full-125",
limits : [10,15,20,25],
limit : 20,
initSort: {
field: 'createTime' //排序字段,对应 cols 设定的各字段名
,type: 'asc' //排序方式 asc: 升序、desc: 降序、null: 默认排序
},
id : "productListTable",
cols : [[
{field: 'name', title: '产品名称', minWidth:50, align:"center"},
{field: 'introduce', title: '产品介绍', minWidth:150, align:"center"},
{field: 'postage', title: '产品资费', minWidth:50, align:"center"},
{field: 'picture', title: '产品图片', width: 150,templet:'<div><img src="{{ d.picture }}"></div>'},
{field: 'prescription', title: '开通时效', minWidth:50, align:"center",templet:function(d){
if(d.prescription == "0"){
return "立即开通";
}else if(d.prescription == "1"){
return "下月开通";
}else if(d.prescription == "2"){
return "下季度开通";
}else{
return "未知类型";
}
}},
{field: 'createTime', title: '创建时间', minWidth:50, align:"center"},
{title: '操作', minWidth:175, templet:'#productListBar',fixed:"right",align:"center"}
]]
});


页面报错部分:

回帖
  • @贤心 帮我看看啊,大神
    0 回复
  • 贤心
    贤心 (管理员)
    6天前
    很明显路径 404 了,这个问题只能你来自查。
    0 回复
  • @贤心 404是知道,但是这个src为什么会访问后台啊,是不是与这个模板引擎不兼容?你看我的图片都已经显示出来了
    0 回复