layim移动端layim.panel弹窗显示历史记录图片内容以clob/blob字段保存数据库

//--这是关于聊天图片内容以clob/blob字段保存数据库,首先要区分发送的内容是图片还是文字什么的msgtype =‘0’是图片,msgtype =‘1’文字。

//监听查看更多记录
layim.on('chatlog', function (data, ul) {
    var res = {}
    $.ajax({
        type: 'get',
        //ajax请求获取历史聊天信息,参数你们根据自己的业务传
        url: basePathmb + '/chatlogmobile/' + data.id + '?userId='+useridLogin,
        dataType: 'json',
        contentType: "application/json;charset=UTF-8",
        success: function (dataes) {
            //dataes的数据格式,JSONObject ret = new JSONObject(); ret.put("data",list);list是查出来的聊天信息
            res.data=dataes;
            var mine = layim.cache().mine;
            var tpl = '<div class="layim-chat-main layim-chat-log" style="bottom: 0px"><ul>\n'+ '{{# layui.each(d.data.data, function(index, item){\n' + ' if(item.id == mine.id){ }}\n' + ' <li class="layim-chat-mine"><div class="layim-chat-user"><img src="{{ item.avatar }}"><cite><i>{{ item.sendtime }}</i>{{ item.username }}</cite></div>\n' + ' {{# if(item.msgtype == "1"){ }}\n' + ' <div class="layim-chat-text">{{layui.mobile.layim.content(item.content)}}</div>\n' + ' {{# } else { }}\n' + ' <div class="layim-chat-text"><img src="{{ item.content }}"></div> \n' + ' {{# } }} \n' + ' </li> \n' + ' {{# } else { }}\n' + ' <li><div class="layim-chat-user"><img src="{{ item.avatar }}"><cite>{{ item.username }}<i>{{ item.sendtime }}</i></cite></div>\n' + ' <div class="layim-chat-text">{{ layui.mobile.layim.content(item.content)}}</div>\n' + ' {{# if(item.msgtype == "1"){ }}\n' + ' <div class="layim-chat-text">{{layui.mobile.layim.content(item.content)}}</div>\n' + ' {{# } else { }}\n' + ' <div class="layim-chat-text"><img src="{{ item.content }}"></div> \n' + ' {{# } }} \n' + ' </li> \n' + ' {{# }\n' + '}); }}\n' + '</ul>\n'+ '<div id="viewDiv"></div>\n'+ '</div>';

            var view = parent.$(document).find("#viewDiv");           
            var html = laytpl(tpl).render({
                data: res
            });
            view.html(html);

            //弹出一个更多聊天记录面板
            layim.panel({
                title: '与 ' + data.name + ' 的聊天记录' //标题
                , tpl: tpl
                , data: dataes
            });

        },

        error: function (err) {
            console.log("err:", err);
        }
    },'json');


});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值