今天在做微信客服功能的时候页面通过异步请求微信的聊天记录,并把获取的结果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>
这样图片就能够正确的加载出来。