js修改referer 解决图片防盗链问题

最近在项目中遇到了一个问题就是项目中需要显示其他网站上的图片，网上找了好多，但是没有一个具体的代码策略，我在这里给大家提供一个方案。

先说说防盗链的原理，http 协议中，如果从一个网页跳到另一个网页，http 头字段里面会带个 Referer。图片服务器通过检测 Referer 是否来自规定域名，来进行防盗链。

如果盗用网站是 https 的 protocol，而图片链接是 http 的话，则从 https 向 http 发起的请求会因为安全性的规定，而不带 referer，从而实现防盗链的绕过。

我的解决方案原理就是使用iframe来绕过图片防盗链，具体就是拿到页面中的图片地址，然后将该图片放在一个iframe里，然后将新的iframe替换到原图片的位置，然后将原图片去掉，完美解决。

具体代码如下:

<script type="text/javascript">$(document).ready(function() {//获取Class为arcContent里面的所有imgvar imglist=$(".mainList img");//或使用下面这句，获取ID为divArticle里面的所有img//var imglist=$("#divArticle img");for(var i=0;i<imglist.length;i++){ if(imglist[i].getAttribute('src')){url = new URL(imglist[i].getAttribute('src')); var frameid = 'frameimg' + Math.random();window.img = '<img id="img" width="158" height="108" src=\''+url+''+Math.random()+'\' /><script>window.onload = function() { parent.document.getElementById(\''+frameid+'\').height = document.getElementById(\'img\').height+\'px\'; }<'+'/script>';$(imglist[i]).parent().empty().append('<iframe id="'+frameid+'" src="javascript:parent.img;" frameBorder="0" scrolling="no" width="158" height="108"></iframe>');}}
});
</script>

js修改referer 解决图片防盗链问题相关推荐

关于图片防盗链 - 图片加载报错403，但可以单独打开图片链接
一. 问题场景: 项目引用远程图片固定链接时(多为第三方链接),图片会发生在页面无法显示,报错403,应该是加了防盗链,会检测访问图片的referer:但是单独打开该远程链接,又可以打开: 不过我们的 ...
https访问http加载不出图片_前端解决第三方图片防盗链的办法
作者:biaochenxuying 转发链接:https://github.com/biaochenxuying/blog/issues/31 问题笔者网站的图片都是上传到第三方网站上的,比如简书 ...
前端解决第三方图片防盗链的办法 - html referrer 访问图片资源 403 问题
问题笔者网站的图片都是上传到第三方网站上的,比如简书.掘金.七牛云上的,但是最近简书和掘金都开启了防盗链,防止其他网站访问他们网站上的图片了,导致笔者的网站存在他们网站上的图片全挂了. 具体问题 ...
php解决微信防盗链,PHP如何解决微信文章图片防盗链
微信对外提供了API接口,让我们可以通过授权的方式获取到自己公众号里面的文章或者你也可以通过爬虫去抓取微信的文章但是微信的图片默认是不允许外部调用的解决微信文章图片防盗链 function ac ...
php 微信防盗链,PHP如何解决微信文章图片防盗链
微信对外提供了API接口,让我们可以通过授权的方式获取到自己公众号里面的文章或者你也可以通过爬虫去抓取微信的文章但是微信的图片默认是不允许外部调用的解决微信文章图片防盗链 function ac ...
Typora--终于找到一个能够解决将csdn文章同步到hexo的完美编辑器（解决csdn图片防盗链导致无法直接复制文章的问题）。...
文章目录需求背景新宠告诉我,我的名字叫什么?大声点我听不见~ 页面神奇之处看得见的优点如何设置项目根目录如何显示图片? 于是最终操作流程个人博客:https://mmmmmm.me ...
php破解referer防盗链解析,Referer原理与图片防盗链实现方法详解
本文实例讲述了Referer原理与图片防盗链实现方法.分享给大家供大家参考,具体如下: 1.图片防盗链在一些大型网站中,比如百度贴吧,该站点的图片采用了防盗链的规则,以至于使用下面代码会发生错误. ...
采用Iframe解决微信图片防盗链‘此图片来自微信公众平台未经允许不可引用’问题
采用Iframe解决微信图片防盗链'此图片来自微信公众平台未经允许不可引用'问题最近使用微信公众号爬虫遇到临时链接过期问题,查了各种博客及论坛,好多方法都已经不能用了,目前能用的就是新榜的一个临时链 ...
网络安全：图片防盗链的实现原理
来自:掘金,作者:chenhongdong 链接:https://juejin.im/post/5adc0d03518825673a2022b7 前言防盗链,就是防有人盗用你的链接.别人在他的网站上 ...

js修改referer 解决图片防盗链问题

js修改referer 解决图片防盗链问题相关推荐

最新文章

热门文章