项目使用微信公众平台图片显示此图片来自微信公众平台 解决方法
vue页面:
html:
<div style="width:61px;height:61px" v-if="items.thumb_media_url.includes('mmbiz_jpg')" v-html="ImgFun(微信公众图片地址)""></div>
js:
ImgFun(url){
var randomId = 'img' + url;
window[`img${url}`] = '<img id="img" style="width:108%;height:100%;margin-left:-8px;object-fit:cover;" src=\'' + url+ '?' + 'img' + '\'/><script>window.onload = function() { parent.document.getElementById(\'' + randomId + '\').height = 100+\'%\'; } <' + '/script>'
var iframeStr =`<iframe id=${randomId} src="javascript:parent['img${url}']" frameBorder="0" scrolling="no" class="iframe" width="100%" ></iframe>`
return iframeStr
},
图片列子