//–这是关于聊天图片内容以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’);


});



版权声明:本文为m0_48323642原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/m0_48323642/article/details/107203942