“此图片来自微信公众平台未经允许不可引用“ 解决办法

一、

在html里加

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

是个办法但是我们业务需要使用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;}

注意：当一个页面里出现两张相同路径的图片时，会出现样式错乱问题，如下图。

但是两张不同的图片就不会有问题

分析iframe的代码得知，问题出在这行代码上 window[img${url}] randomId
iframe嵌入的时候根据src="javascript:parent['img${url}']" randomId来决定嵌入的元素以及样式。

当两张图片一样时，图片的url也是一模一样的。虽然调用ImgFun方法的时候，进type的判断了。但是由于id是相同的，在iframe进行渲染的时候，后面的样式代码会把前面的进行覆盖，所以会出现上面的问题。

解决办法：既然是 “不唯一” 造成的问题，可以把id和img加参数作为唯一标识。

 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唯一。问题解决~

“此图片来自微信公众平台未经允许不可引用“ 解决办法相关推荐

此图片来自微信公众平台未经允许不可引用解决方法
此图片来自微信公众平台未经允许不可引用解决方法参考文章: (1)此图片来自微信公众平台未经允许不可引用解决方法 (2)https://www.cnblogs.com/lmaster/p/9070 ...
图片来自微信公众平台未经许可不可引用|解决经验分享
我们把微信公众号的文章转载到官网或者其它媒体上时,会提示:"此图片来自微信公众平台,未经允许不可引用".最简化的解决经验分享如下: 在网页的里面添加标签: <meta nam ...
此图片来自微信公众平台未经允许不可引用
2016年4月6号开始,weixin.sogou.com获取图片应该是加上了Referer验证,上面用的方法失效了,出现下面的情况: 此图片来自微信公众平台未经允许不可引用但是我找到一个和读微信网 ...
解决“此图片来自微信公众平台未经允许不可引用”的方法
解决"此图片来自微信公众平台未经允许不可引用"的方法参考文章: (1)解决"此图片来自微信公众平台未经允许不可引用"的方法 (2)http://www.cnb ...
此图片来自微信公众平台未经允许不可引用
问题描述; 因为微信给自己的图片都加上了图片防盗链接,只要是直接从公众号文章里复制的文章都会显示如下图所示的情况解决方案: 方案一: 在head中加上<meta name="refe ...
前端解决：此图片来自微信公众平台未经允许不可引用
前端解决:此图片来自微信公众平台未经允许不可引用方法一: <meta name="referrer" content="no-referrer" /&g ...
采用Iframe解决微信图片防盗链‘此图片来自微信公众平台未经允许不可引用’问题
采用Iframe解决微信图片防盗链'此图片来自微信公众平台未经允许不可引用'问题最近使用微信公众号爬虫遇到临时链接过期问题,查了各种博客及论坛,好多方法都已经不能用了,目前能用的就是新榜的一个临时链 ...
解决“此图片来自微信公众平台未经允许不可引用”的方法
解决"此图片来自微信公众平台未经允许不可引用"的方法参考文章: (1)解决"此图片来自微信公众平台未经允许不可引用"的方法 (2)https://www. ...
java 微信图片反盗链_详解微信图片防盗链“此图片来自微信公众平台未经允许不得引用”的解决方案...
已经获取微信公众号发布的图片,但不能正常显示 ,提示:此图片来自微信公众平台未经允许不得引用. 这是怎么回事呢? 遇到这种问题是因为微信公众平台对图片采用了防盗链设置,微信对外提供了API接口,让我 ...

“此图片来自微信公众平台未经允许不可引用“ 解决办法

一、

二、

“此图片来自微信公众平台未经允许不可引用“ 解决办法相关推荐

最新文章

热门文章

“此图片来自微信公众平台 未经允许不可引用“ 解决办法

一、

二、

“此图片来自微信公众平台 未经允许不可引用“ 解决办法相关推荐

最新文章

热门文章

“此图片来自微信公众平台未经允许不可引用“ 解决办法

“此图片来自微信公众平台未经允许不可引用“ 解决办法相关推荐