web端(js)极光IM获取消息记录时,如果是图片类型,如何通过media_id获取到图片的真实路径?
最近在使用极光的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获取到图片的真实路径?相关推荐
- Emqx3.4.4(企业版试用) web端 js实现消息的发布接收
本文只介绍如何进行消息的发布,接收,至于emqx服务器需要靠 小伙伴们自己 本文章emq服务器为企业版试用,但消息的接收发布与emqx broker是一样的 Paho.mqtt.js Paho 是 E ...
- 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 ...
- Web 端 js 导出csv文件(使用a标签)
前言 导出文件,使用最多的方式还是服务器端来处理.比如jsp 中使用response 的方式. 但是,有时候可能就想使用web 前端是否也可以把页面上的内容导出来呢? 比如说,导出页面的一个表格. 这 ...
- vue使用高德地图web端JS API(vue-amap插件)
高德地图地图 JS API v2.0:https://lbs.amap.com/api/jsapi-v2/summary/ vue-amap(基于Vue 2.0和高德地图的地图组件):https:// ...
- 高德地图 web 端 JS API 遇到的坑及性能优化
[JS API V2.0] 本指望全面提升一下性能,结果发现一些硬伤,迫不得已转到1.4.15版本,先说一下最新的v2.0的问题. 因为务业需要规划线路,但是这个版本中,规划线路,并且经过中间点时,部 ...
- web 端JS取得window 的按键动作(按下Shift, Alt,Ctrl....)
如何取得 基本上都是从动作的event 中去判断. IE下的处理 在IE中, window 对象里就有包含event. 看例子: <!--Add by oscar999--> <!D ...
- 高德地图web端js
下面是一些高德地图使用例子,自定义展示,右击拖动,搜索,画圆,定位等功能,没有整理仅供参考 var infoWindow = new AMap.InfoWindow({isCustom:true,// ...
- 融云 服务器获取消息,融云清空历史消息 Android 端
融云清空历史消息 Android 端 先调用获取历史消息. /** * 根据会话类型的目标 Id,回调方式获取N条历史消息记录. * * @param conversationType 会话类型.不支 ...
- 手机端和web端消息同步框架
框架特点: 1.手机端和web端任何一方发送消息,另外一方也能收到消息 2.手机端和web端任何一方读取某消息,另外一方也能收到该消息已读 3.手机端和web端只要在线就能够实时接收到消息,不在线登录 ...
- 前端系列——vue2+高德地图web端开发(poi搜索两种方式)
前端系列--vue2+高德地图web端开发(poi搜索) 前言 基础 什么是poi搜索 1. 输入提示结合poi搜索 官方代码 步骤 1.进行plugins插件注册 2.data中编写placeSea ...
最新文章
- Thrift RPC 系列教程(4)——源码目录结构组织
- squid与varnish
- mysql单用户赋予多库权限
- 服务器上安装ffmpeg后报错及解决方案libavdevice.so.58: cannot open shared object file: No such file or directory
- TMG2010发布web服务器
- 北京有一个“牧人”合唱团
- java.time.format例子_java格式化时间示例
- 初探Golang(2)-常量和命名规范
- 资源放送丨《高并发Oracle OLTP系统的故障案例分享》PPT视频
- 以太坊开发入门,如何搭建一个区块链DApp投票系统
- bison、lex版本不同造成的问题
- 告别ASP.NET操作EXCEL的烦恼(总结篇)
- linux命令最终篇
- go var 一个整数_go语言基本语法——数据类型
- [spark]Spark2.4.6用bulkload写入Hbase1.3.1表的多列
- 大连理工计算机基础作业2,大工18秋《计算机应用基础》在线测试2答案
- 哈希表实现电话号码查询系统
- 四级网络工程师笔记-计算机网络(中)
- ![CDATA[的web使用简单说明
- ITSM系统核心流程