使用微信的图片直接外链显示未经允许不能引用处理方案

最新推荐文章于 2021-03-04 11:03:14 发布
最新推荐文章于 2021-03-04 11:03:14 发布
阅读量1.7k 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35577655/article/details/106497635
版权
第一： 在index.html的head标签中加入下面的meta
<meta name="referrer" content="never">
第二：将img标签的data-src改为src

微信的img标签是这样的

<img data-ratio="0.0671875" data-src="https://mmbiz.qpic.cn/mmbiz_gif/p43HmpBINH7wBPBuEzKEBxOfOxj1IWG64FMWjbWYfUb5Qr3lXnW5gf692t4IbxKxJ2v8k2RicYbfTEtZYdt1V8Q/640?wx_fmt=gif" data-type="gif" style="max-width: 100%;border: 0px none;" title="6402.gif" class="" data-w="640">

content.replace(/data-src/g, "src")
我们一起学前端
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
小威微信文章图片外链工具v1.1
09-17
小威微信文章图片外链工具用与微信公众号文章复制到其他网页上出现了图片看不到这样的事情而诞生，修改其代码使图片不受微信公众号加密所影响图片显示不了的问题！目前只支持网页编辑器有代码模式才可以使用。
详解微信图片防盗链“此图片来自微信公众平台 未经允许不得引用”的解决方案
12-12
已经获取微信公众号发布的图片，但不能正常显示 ，提示：此图片来自微信公众平台 未经允许不得引用。   这是怎么回事呢？ 遇到这种问题是因为微信公众平台对图片采用了防盗链设置，微信对外提供了API接口，让我们可以通过授权的方式获取到自己公众号里面的文章，或者你也可以通过爬虫去抓取微信的文章，但是微信的图片默认是不允许外部调用的 那该怎么解决这种问题呢？ 这里我找到了两种方案 第一种 在JS中提前把图片加载到本地，然后从本地缓存中读取图片 var showImg = function (url) { var frameid = 'frameimg' + Math.random(); w
微信屏蔽外链图片解决方案
SoulKey的博客
12-03 2089
在微信里的浏览器打开网页，会发现有一些图片加载不出来，这是微信的安全策略，只需要在HTML文件的head中加上 <meta name="referrer" content="never"> 刷新一下，外链图片就出来了，美滋滋 ...
关于img src引用的问题
PanZhengJie的博客
10-03 401
发送请求获取img链接，经常链接是对的，而页面却显示不了，且报错。 解决方案： meta中设置 <name=“referrer” content=“never”> 参数 referer 的 metedata 属性可设置content属性值为以下集合： never always origin 结果 如果referer-policy的值为never：删除http head中的refere...
解决微信图片不可引用的问题
enjoy_sun_moon的博客
01-16 7756
引用微信图片经常会显示不出图片   会报错说这是微信的图片  不能引用 解决方法 ：&lt;meta name="referrer" content="never"&gt; 这是什么意思  为什么就能起到这个作用呢 一些 情况下想控制页面发送给服务器的一些信息 referrer 信息   referrer的意思是 来路 引用 推荐的意思  所以是上个页面的信息 举个例子： a.html ...
meta使用referrer要注意的问题
weixin_43627766的博客
06-11 8263
referrer meta属性 <meta name="referrer" content="never"> 有时候为了禁止自己的网页发送refer信息，经常会用到这个属性，该属性禁止了header发送页面相关信息，虽然可以阻止一些攻击以及绕过图片防盗链的效果 但是也会造成一定的问题，比如在后台中使用了该标签，会导致js和php的一些跳转出现问题，比如js的history.back(...
html设置meta值解决此图片来自微信公众平台未经允许不可引用的问题
lhz_333的博客
03-27 1629
解决此图片来自微信公众平台未经允许不可引用的问题
html ＜meta name=“referrer“ content=“never“＞作用
PrimaryColor
02-25 4840
删除http head中的referer； 相关学习文章： https://www.cnblogs.com/liuxiaopi/p/8084896.html https://www.freebuf.com/news/57497.html
如何隐藏页面来源（referrer）
yihanzhi的博客
04-25 2250
referrer是浏览自动发送的，但有时我们需要隐藏来源信息。譬如我们站点显示了其它站点的图片，而图片来源站点对图片访问进行了域名限制，禁止其它站点访问。 需求有了，问题就来了，那么该如何隐藏页面来源信息呢？ 解决办法很简单，在页面头部添加如下代码即可 <meta name="referrer" content="never"> ...
微信图片禁止外链 此图片来自微信公众平台未经允许不可引用
qq_38122518的博客
11-15 9482
问题： 我的项目中要显示采集来自微信公众平台的图片未经允许不可引用。怎么办？ 做项目时，采集到的微信图片在项目中不可引用，将标签中的data-src 替换为src，将微信尾部?wx_fmt=jpeg去除   然后三种方法选其一：   1>图片地址前缀加上http://read.html5.qq.com/image?src=forum&q=5&r=0&imgf
微信小程序 解决swiper不显示图片的方法
08-31
主要介绍了微信小程序 解决swiper不显示图片的方法的相关资料,本文对swiper不显示图片，进行了几种方法排查，根据我所遇到的问题提供了该如何解决，需要的朋友可以参考下
微信小程序swiper使用网络图片不显示问题解决
10-15
主要介绍了微信小程序swiper使用网络图片不显示问题解决,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
<meta name="referrer" content="always">的作用
01-09
<meta name="referrer" content="always">的作用
解决网站html页面微信转发调用缩略图的问题
在路上。。。的专栏
11-07 4085
php文件。<?php //$url = $_GET['url']; class JSSDK { private $appId; private $appSecret; public function __construct($appId, $appSecret) { $this->appId = $appId; $this->appSe
HTML使用绝对定位和相对定位引用图片
the best 的博客
03-04 1169
绝对定位： 直接使用文件在本地计算机的地址，比如我图片的位置是： C:\Users\Pictures\11.jpg 那么最终就可以这么写： <img src="C:\Users\Pictures\11.jpg"> 相对定位： 1. 图片和html文件在同一目录下 那么直接可以写图片的文件名 <a href="11.jpg">11.jpg</a> 2. 图片在html文件所在目录的下一级 <a href="pictures\11.jpg">11.jpg&l
微信图片不允许引用
编程技术提升
03-08 1758
在自己的后台新建微信图文的时候，如果图片是放在自己的服务器上面，在微信里面是不显示的，文章里的图片网上查资料说前面加上前缀，但现在已经不可用了，部分显示，部分不显示思路：把图片上传后提交到微信平台时替换图片的地址，编辑时再把地址替换回来，这样在微信平台中可以显示，也可以在自己的后台编辑时也显示太懒了，按照上面的思路来 在链接的后面加了个数字666，其他的也可以，就可以用了（暂时针对刚上传的图片可行
正则中\cx是什么意思
我们一起学前端
05-09 9037
\cx 匹配control + 控制字符，就是说 匹配由x指明的控制字符 这里的X是一个控制字符。匹配一个字符串的控制字符。 比如： \cI 匹配 control + I，等价于 \t， \cJ匹配 control + J，等价于 \n, \cM匹配 control + M，等价于 \r \ca \cb \cc … 又分别匹配 control+a, control+b,control+c…，具体他...
使用ajaxSubmit上传文件总结
我们一起学前端
05-31 5885
一、使用步骤 ①引入文件 <script type="text/javascript" src="js/jquery-1.11.3.min.js" ></script> <script type="text/javascript" src="js/jquery.form.js" ></script> ②html部分 A、写一个上传的按钮 <d...
chrome开发者工具之performance
我们一起学前端
04-29 5436
一、界面介绍 1：操作区域：包含录制，刷新页面分析，清除结果等一系列操作 2：overview总览图：高度概括随时间线的变动，包括FPS，CPU，NET 3：详情区域：从不同的角度分析框选区域 。例如：Network，Frames, Interactions, Main等 4：总结区域：精确到毫秒级的分析，以及按调用层级，事件分类的整理 二、操作区域简介 1、开始录制按钮(window下快捷键c...
转发微信消息是微信显示该消息类型暂不能展示怎么解决
最新发布
05-19
1. 更新微信版本：如果你的微信版本过低，可以尝试更新微信版本，并重新打开微信查看是否能够正常显示。 2. 清除缓存：在微信设置中找到“通用设置”选项，然后选择“清除缓存”，清除微信的缓存，重新打开微信查看...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值