web端（js）极光IM获取消息记录时，如果是图片类型，如何通过media_id获取到图片的真实路径？

红太狼 2021-11-17 19:14 263阅读 0赞

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

官方文档给的解释是通过getResource接口传入media\_id 获取访问路径，如下图：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NhbGVzdGluYQ_size_16_color_FFFFFF_t_70]

一：首先，我们查看消息体的格式。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NhbGVzdGluYQ_size_16_color_FFFFFF_t_70 1]  
通过消息体分析可以获得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可以获取消息体内容。  
![在这里插入图片描述][201907311012597.png]  
res.url就是我们想要得到的图片路径  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NhbGVzdGluYQ_size_16_color_FFFFFF_t_70 2]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NhbGVzdGluYQ_size_16_color_FFFFFF_t_70]: /images/20211116/a245b3358e0e45689e34f5b46353ce80.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NhbGVzdGluYQ_size_16_color_FFFFFF_t_70 1]: /images/20211116/47d8ec6f986d4c008bbbc1538bdbbd8b.png
[201907311012597.png]: /images/20211116/74ac370cd69b44ebbe451c7a41a83ee5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NhbGVzdGluYQ_size_16_color_FFFFFF_t_70 2]: /images/20211116/20deac03be2b4b88bd74ed0207fccad1.png