最近在使用极光的IM实现app端与PC端的消息互通,发现当App端发送图片给PC用户时,PC用户接收到的消息体没有图片路径,查看极光IM文档时,文档写明要通过JMessage#getResource 接口传入资源 media_id 获取访问路径,可是,没有相关的语法demo。现在,我们就来解决这个问题。

官方文档给的解释是通过getResource接口传入media_id 获取访问路径,如下图:

一:首先,我们查看消息体的格式。

通过消息体分析可以获得media_id
之前的var JIM = new JMessage({debug:false});
JIM.init
JIM.login等写法请参考极光IM官方文档https://docs.jiguang.cn/jmessage/client/im_sdk_js_v2/
这里我们只介绍如何通过media_id获取图片真实访问路径
JIM.getResource({“media_id”:media_id}).onSuccess(function(res){
//console.log(res);
if(res.code==0){ //代表获取图片资源文件成功
var img_url=res.url;

             console.log("img_url");console.log(img_url);}

});

getResource方法里传入的是一个对象{“media_id”:media_id}
获取数据信息时要使用onSuccess方法,同时,方法体内使用匿名函数获取极光IM返回的数据赋值给res,通过打印res可以获取消息体内容。

res.url就是我们想要得到的图片路径

web端(js)极光IM获取消息记录时,如果是图片类型,如何通过media_id获取到图片的真实路径?相关推荐

  1. Emqx3.4.4(企业版试用) web端 js实现消息的发布接收

    本文只介绍如何进行消息的发布,接收,至于emqx服务器需要靠 小伙伴们自己 本文章emq服务器为企业版试用,但消息的接收发布与emqx broker是一样的 Paho.mqtt.js Paho 是 E ...

  2. Qt QWebChannel web端js与C++交互

    文章目录 1. QWebChannel 2. 使用QWebEngine的示例 2.1 C++端代码 2.1.1 mainwindow.cpp 2.1.2 mytestclass.h 2.1.3 myt ...

  3. Web 端 js 导出csv文件(使用a标签)

    前言 导出文件,使用最多的方式还是服务器端来处理.比如jsp 中使用response 的方式. 但是,有时候可能就想使用web 前端是否也可以把页面上的内容导出来呢? 比如说,导出页面的一个表格. 这 ...

  4. vue使用高德地图web端JS API(vue-amap插件)

    高德地图地图 JS API v2.0:https://lbs.amap.com/api/jsapi-v2/summary/ vue-amap(基于Vue 2.0和高德地图的地图组件):https:// ...

  5. 高德地图 web 端 JS API 遇到的坑及性能优化

    [JS API V2.0] 本指望全面提升一下性能,结果发现一些硬伤,迫不得已转到1.4.15版本,先说一下最新的v2.0的问题. 因为务业需要规划线路,但是这个版本中,规划线路,并且经过中间点时,部 ...

  6. web 端JS取得window 的按键动作(按下Shift, Alt,Ctrl....)

    如何取得 基本上都是从动作的event 中去判断. IE下的处理 在IE中, window 对象里就有包含event. 看例子: <!--Add by oscar999--> <!D ...

  7. 高德地图web端js

    下面是一些高德地图使用例子,自定义展示,右击拖动,搜索,画圆,定位等功能,没有整理仅供参考 var infoWindow = new AMap.InfoWindow({isCustom:true,// ...

  8. 融云 服务器获取消息,融云清空历史消息 Android 端

    融云清空历史消息 Android 端 先调用获取历史消息. /** * 根据会话类型的目标 Id,回调方式获取N条历史消息记录. * * @param conversationType 会话类型.不支 ...

  9. 手机端和web端消息同步框架

    框架特点: 1.手机端和web端任何一方发送消息,另外一方也能收到消息 2.手机端和web端任何一方读取某消息,另外一方也能收到该消息已读 3.手机端和web端只要在线就能够实时接收到消息,不在线登录 ...

  10. 前端系列——vue2+高德地图web端开发(poi搜索两种方式)

    前端系列--vue2+高德地图web端开发(poi搜索) 前言 基础 什么是poi搜索 1. 输入提示结合poi搜索 官方代码 步骤 1.进行plugins插件注册 2.data中编写placeSea ...

最新文章

  1. Thrift RPC 系列教程(4)——源码目录结构组织
  2. squid与varnish
  3. mysql单用户赋予多库权限
  4. 服务器上安装ffmpeg后报错及解决方案libavdevice.so.58: cannot open shared object file: No such file or directory
  5. TMG2010发布web服务器
  6. 北京有一个“牧人”合唱团
  7. java.time.format例子_java格式化时间示例
  8. 初探Golang(2)-常量和命名规范
  9. 资源放送丨《高并发Oracle OLTP系统的故障案例分享》PPT视频
  10. 以太坊开发入门,如何搭建一个区块链DApp投票系统
  11. bison、lex版本不同造成的问题
  12. 告别ASP.NET操作EXCEL的烦恼(总结篇)
  13. linux命令最终篇
  14. go var 一个整数_go语言基本语法——数据类型
  15. [spark]Spark2.4.6用bulkload写入Hbase1.3.1表的多列
  16. 大连理工计算机基础作业2,大工18秋《计算机应用基础》在线测试2答案
  17. 哈希表实现电话号码查询系统
  18. 四级网络工程师笔记-计算机网络(中)
  19. ![CDATA[的web使用简单说明
  20. ITSM系统核心流程

热门文章

  1. ecshop源码分析-ecshop二次开发
  2. 手机话单分析方法解析
  3. linux免采集卡直播ps4,ps4免采集卡直播方法
  4. 【Python爬虫练手】lhscan扫图一键下载,搬运辉夜生肉以及制熟肉可用
  5. simulink实现模糊PID控制
  6. css+div页面布局详解(三)
  7. android 支持swf格式,安卓手机如何播放swf文件
  8. WordPress仿站实战教程
  9. 极域电子书包课堂管理系统_朝阳群众说小康 | 从黑板课本到VR互动课堂、电子书包,朝阳的课堂如此有趣!...
  10. 事件声音和提示 注册表全攻略