容联云web IM 群组聊天获取头像分享

最近中途接手即时通讯聊天,大致业务基本都已完成,因为我们项目是有头像字段的,但是容联云那边目前没有同步头像的接口。需要我实现的是群聊时要获取到每个发送者的头像并展示在聊天窗口中。

大致思路:容联云有个自定义字段msgDomain,在发送信息时,创建消息行dom的数组,其中定义一个msgAvatar的项,然后在新建消息对象时setDomain发送者头像,接收时会在消息对象中获取到msgDomain的字段,赋值到msgAvatar,然后调用将消息传至聊天窗口的函数即可。
  1. 发送消息时,新建消息对象时 setDomain,值为我的头像(作为发送者)
var obj = new RL_YTX.MsgBuilder();//新建消息对象
            obj.setFile(file);
            obj.setType(type);
            obj.setReceiver(receiver);//设置接受者
            obj.setDomain(get_cookie("avatar"));  // set 一个自定义字段 用来存储本人的头像

2.接收消息时,获取到自定义字段带回来的值

var msgDiv = {};
                msgDiv["isSender"] = obj.msgSender == IM.user_account;
                msgDiv["senderName"] = obj.senderNickName || obj.msgSender;
                msgDiv["msgType"] = obj.msgType;
                msgDiv["msgAvatar"] = obj.msgAvatar;   // Alice
                if (obj.msgType == 4 || obj.msgType == 7 || obj.msgType == 6) {  // 信息类型为图片、非压缩文件、压缩文件
                    msgDiv["msgFileUrl"] = obj.msgFileUrl;
                    msgDiv["msgFileName"] = obj.msgFileName;
                    msgDiv["msgFileSize"] = obj.msgFileSize;
                    msgDiv["msgAvatar"] = obj.msgDomain;   // 将domaind的值赋值给dom数组中的msgAvatar
                } else {
                    msgDiv["content"] = obj.msgContent;
                }

3.在addMsgToChatWindow 函数中,定义变量存储在div数组的msgAvatar项中。

if(obj.msgType == 4 || obj.msgType == 6 || obj.msgType ==7){ 
                        img = obj.msgAvatar;  // Alice
                    }else{
                        img=obj.content.split(";+")[1];
                    }
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 点击查看原文 Web SDK 开发手册 SDK 概述 网易云信 SDK 为 Web 应用提供一个完善的 IM 系统...
    layjoy阅读 14,776评论 0 15
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,737评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,212评论 19 139
  • 本文出自微凉一季的博客http://jijiaxin89.com/2015/08/21/%E7%8E%A9%E8%...
    微凉一季阅读 11,623评论 3 27
  • 武汉终于落雪 文/南岸闲坐 武汉终于落雪 但城市仍在低烧 一个有炎症的城市 在雪里显得弱不经风 道路在雪中更加拥堵...
    南倚闲坐阅读 2,144评论 0 0

友情链接更多精彩内容