悲催的聲明：

由于騰訊也采用了防盜鏈技術，本文方法已經失效了！

當我們想在文章里引用某張圖片時，如果對方設置了防盜鏈，我們看到的將是404或forbidden或其他圖片，而不是想要的那張圖片，為此，我們有無方法進行“反防盜鏈”呢？答案是有的，本文將介紹一個對付圖片防盜鏈的方法，經測試有效。

反防盜鏈圖片引用-HTML代碼

舉例說明，比如卡卡網站速度診斷的圖片是防盜鏈的，圖片引用的代碼是：

我們看到的不是原圖，而是其他的圖片。

我們可以把圖片引用代碼改為：

這樣就可以正常顯示自己想要的圖片了。

上述方法很簡單，就是采用第三方接口來獲取圖片，格式是：

反防盜鏈圖片引用-Javascript代碼

一些人問到，對方最近才設置圖片反盜鏈，但我已經發布了大量的文章，我豈不是要重新編輯文章，更改每個圖片地址？這顯然是不實際的。我現在要告訴你的是，沒關系，我們網頁可以通過一個JS程序，批量更改圖片地址。我們要做的，只是更改一下文章頁模版，引入一個反防盜鏈的JS文件，就可以了。

說了這么多，這個JS代碼是怎樣的呢？我們可以通過如下例子來了解。

反防盜鏈實例_卡卡網 webkaka.com

function showForbiddenImg(){

var obj=document.getElementsByTagName('img');

for(var i=0;i

if(obj[i].getAttribute('src')){

obj[i].setAttribute('src','http://read.html5.qq.com/image?imageUrl='+obj[i].getAttribute('src'));

}

}

}

showForbiddenImg();

這個代碼很簡單，它的作用是遍歷網頁所有圖片，并在圖片地址前面加上指定字符串。當然了，在實際應用中，不可能需要遍歷網頁所有圖片，只需遍歷文章里的圖片即可，這需要自己更改一下這個js代碼。

如何獲得文章里的所有圖片并更改圖片地址

我們可以通過JQuery來實現此功能，請看如下實例：

反防盜鏈實例_卡卡網 webkaka.com

$(document).ready(function() {

//獲取Class為arcContent里面的所有img

var imglist=$(".arcContent img");

//或使用下面這句，獲取ID為divArticle里面的所有img

//var imglist=$("#divArticle img");

??? for(var i=0;i

if(imglist[i].getAttribute('src')){

imglist[i].setAttribute('src','http://read.html5.qq.com/image?imageUrl='+imglist[i].getAttribute('src'));

}

}

});

使用JQuery時，記得要先引用jquery.js文件。

JQuery代碼還可以這樣寫：

反防盜鏈實例_卡卡網 webkaka.com

$(document).ready(function() {

$(".arcContent img").each(function(index, element) {?//$(".arcContent img") 可換為?$("#divArticle img")

if($(element).attr('src')){

$(element).attr('src','http://read.html5.qq.com/image?imageUrl='+$(element).attr('src'));

}

});

});

上述兩個JQuery實例，一個通過for循環賦值，一個通過 $("selector").each(function(index, element) 賦值，殊途同歸。

本文實例演示及源碼文件下載

總結

以上是生活随笔為你收集整理的html 图片防盗链,【反防盗链】介绍一个对付图片防盗链的方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。