一、

在html里加

<meta name="referrer" content="no-referrer" />

是個(gè)辦法 但是我們業(yè)務(wù)需要使用referer 所以我這里不能加。

二、

<div class="iframeLogo" v-if="logoFileSrc && logoFileSrc.includes('mmbiz_')" v-html="ImgFun(logoFileSrc, 'logo')"></div> <img class="info_logo" v-else :src="logoFileSrc"> ImgFun (url, type) {let stylesif (type === 'logo') {styles = 'width:58px;height:58px;position:absolute;top:0;left:0;'} else if (type === 'bg') {styles = 'width:300px;height:200px;position:absolute;top:0;left:0'}var randomId = 'img' + urlwindow[`img${url}`] = '<img id="img" style=\'' + styles + '\' 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" width="100%" ></iframe>`return iframeStr},

背景圖：

<div class="iframeBG" v-if="bgFileSrc && bgFileSrc.includes('mmbiz_')" v-html="ImgFun(bgFileSrc, 'bg')"></div> .iframeBG {width: 285px;height: 198px;position: absolute;border-radius: 5px;overflow: hidden;}

---

注意： 當(dāng)一個(gè)頁(yè)面里出現(xiàn)兩張相同路徑的圖片時(shí)，會(huì)出現(xiàn)樣式錯(cuò)亂問題，如下圖。

---

但是兩張不同的圖片就不會(huì)有問題

分析iframe的代碼得知，問題出在這行代碼上 window[img${url}] randomId
iframe嵌入的時(shí)候根據(jù)src="javascript:parent['img${url}']" randomId來決定嵌入的元素以及樣式。

當(dāng)兩張圖片一樣時(shí)， 圖片的url也是一模一樣的。 雖然調(diào)用ImgFun方法的時(shí)候，進(jìn)type的判斷了。 但是由于id是相同的，在iframe進(jìn)行渲染的時(shí)候，后面的樣式代碼會(huì)把前面的進(jìn)行覆蓋，所以會(huì)出現(xiàn)上面的問題。

---

解決辦法： 既然是 “不唯一” 造成的問題，可以把id和img加參數(shù) 作為唯一標(biāo)識(shí)。 ImgFun (url, type) {let styleslet imgif (type === 'logo') {img = 'imgLogo'styles = 'width:58px;height:58px;position:absolute;top:0;left:0;'} else if (type === 'bg') {img = 'imgBg'styles = 'width:300px;height:200px;position:absolute;top:0;left:0;'}var randomId = img + urlwindow[`${img}${url}`] = '<img id="img" style=\'' + styles + '\' 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" width="100%" height="100%"></iframe>`return iframeStr},

可以看出 id唯一。 問題解決~

總結(jié)

以上是生活随笔為你收集整理的“此图片来自微信公众平台 未经允许不可引用“ 解决办法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。