页面加载微信聊天记录图片不显示问题

最新推荐文章于 2020-12-09 17:05:05 发布

Mr.菓菓

最新推荐文章于 2020-12-09 17:05:05 发布

阅读量1.2k

点赞数

分类专栏：前端 HTML 微信

本文链接：https://blog.csdn.net/qq_37417446/article/details/107077947

版权

前端同时被 3 个专栏收录

66 篇文章 1 订阅

订阅专栏

HTML

5 篇文章 0 订阅

订阅专栏

微信

1 篇文章 0 订阅

订阅专栏

今天在做微信客服功能的时候页面通过异步请求微信的聊天记录，并把获取的结果appendchild页面中，发现微信的图片无权加载。如下图：
在这里插入图片描述
经过查阅资料得知，因为微信加载图片是通过一个地址请求然后返回的真是的图片地址，在请求地址的的时候请求的原域和请求的域不一样造成的。
我们可以在html页面head头部添加html代码来让页面发送的请求不带原请求地址

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>img</title>
    <!--添加这段代码-->
    <meta name="referrer" content="never">
</head>
<body>
    <div id="abc">
        <img src="http://mmbiz.qpic.cn/mmbiz_jpg/8aHskIUoI2pNr0YXj6buJIjHqOCaZRtgI3676HqwkvNBDKCtrQTLXjDZV5EPbzI9qxcbziaQBQgyIuphqI8fHIg/" />
    </div>
   
</body>
</html>

这样图片就能够正确的加载出来。

Mr.菓菓

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
页面加载微信聊天记录图片不显示问题

今天在做微信客服功能的时候页面通过异步请求微信的聊天记录，并把获取的结果appendchild页面中，发现微信的图片无权加载。如下图：经过查阅资料得知，因为微信加载图片是通过一个地址请求然后返回的真是的图片地址，在请求地址的的时候请求的原域和请求的域不一样造成的。我们可以在html页面head头部添加html代码来让页面发送的请求不带原请求地址<!DOCTYPE html><html lang="en"><head> <meta charset=
复制链接

扫一扫