遇到这种问题是因为微信公众平台对图片采用了防盗链设置，微信对外提供了API接口，让我们可以通过授权的方式获取到自己公众号里面的文章，或者你也可以通过爬虫去抓取微信的文章，但是微信的图片默认是不允许直接外部调用的。
在JS中提前把图片加载到本地，然后从本地缓存中读取图片
var showImg = function (url) {
var frameid = 'frameimg' + Math.random();
window.img = '<img id="img" src=\'' + url + '?' + Math.random() + '\' /><script>window.onload = function() { parent.document.getElementById(\'' + frameid + '\').height = document.getElementById(\'img\').height+\'px\'; }<' + '/script>';
$('body').append('<iframe id="' + frameid + '" src="javascript:parent.img;" frameBorder="0" scrolling="no" width="100%"></iframe>');}注意,通过 src="javascript:parent.img;"可以直接将内容代码赋予iframe
类似的还有<a javascript:console.log(123);>点击后输出123</a>
后端处理图片数据后再返回给前端