解决图片引用由于对方防盗链处理加载失败的解决方法

解决图片引用由于对方防盗链处理加载失败的解决方法

 

现在很多图片网站都进行了防盗链处理，如果在你的网页中直接加载它们的图片会禁止访问或返回错误的图片。

一般没有好的解决办法，只能通过程序来读取图片然后在输出来，如果程序放在自己的服务器上，一方面负载会很高，另一方面速度会很慢，因为读取对方的图片，涉及网络传输等等。

有没有比较稳定的而且速度快的图片读取输出程序了，通过不断的努力，发现了在图片地址前面加上 http://read.html5.qq.com/image?src=forum&q=5&r=0&imgflag=7&imageUrl= ，这样就能解决问题。如果是动态输出的，如php程序则很好处理这个问题，正则匹配下，然后在地址前面加上 http://read.html5.qq.com/image?src=forum&q=5&r=0&imgflag=7&imageUrl= 就行了。

如果是静态的网页，如何来实现了。现在给出一个列子，加上一段js代码就行了，或者你讲js代码写入单独的文件中，然后在页面中引入执行下也行。

	<meta charset="UTF-8">
	<title>Document</title>


	<div>
		<img    style="max-width:90%" class="" src="http://img.xiumi.us/xmi/ua/77Lo/i/9d3d1481ba1067c000ad5f4db2013801-sz_183516.jpg@1l_640w.jpg" alt="解决图片引用由于对方防盗链处理加载失败的解决方法" >
	</div>

	<script type="text/javascript">
		//添加的代码，用于在图片地址前面加上指定字符串
		function showForbiddenImg(obj){
			for(var i=0;i<obj.length;obj++){
				if(!obj[i].getAttribute('img-src-f') && obj[i].getAttribute('src')){
					obj[i].setAttribute('img-src-f',obj[i].getAttribute('src'));
				}
				if(obj[i].getAttribute('img-src-f')){
					obj[i].setAttribute('src',(obj[i].getAttribute('img-src-f').indexOf('http://read.html5.qq.com')==-1) ? 'http://read.html5.qq.com/image?src=forum&q=5&r=0&imgflag=7&imageUrl='+obj[i].getAttribute('img-src-f') : obj[i].getAttribute('img-src-f'));
				}
			}
		}
		var img=document.getElementsByTagName('img');
		showForbiddenImg(img);
	</script>