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