1.1 layui数据表格展示图片的基础使用
js
<script>
layui.use(['tree', 'util','upload','table'], function(){
var upload = layui.upload;
var tree = layui.tree
,layer = layui.layer
,util = layui.util
,table = layui.table;
//第一个实例
table.render({
elem: '#demo'
,height: 312
,url: '${ctxPath}/upc/json' //数据接口
,page: true //开启分页
,cols: [[ //表头
{field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'}
,{field: 'url', title: '图片', width: 135,templet:"#imgtemp"}
]]
});
//普通图片上传
var uploadInst = upload.render({
elem: '#test1'
,url: '${ctxPath}/upc/upload'
,before: function(obj){
//预读本地文件示例,不支持ie8
obj.preview(function(index, file, result){
$('#demo1').attr('src', result); //图片链接(base64)
});
}
,done: function(res){
//如果上传失败
if(res.code > 0){
return layer.msg('上传失败');
}
else
{
console.log("success");
}
//上传成功
}
,error: function(){
//演示失败状态,并实现重传
var demoText = $('#demoText');
demoText.html('<span style=&