悲催的聲明：

由于騰訊也采用了防盜鏈技術(shù)，本文方法已經(jīng)失效了！

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

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

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

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

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

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

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

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

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

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

反防盜鏈實(shí)例_卡卡網(wǎng) 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();

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

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

我們可以通過JQuery來實(shí)現(xiàn)此功能，請(qǐng)看如下實(shí)例：

反防盜鏈實(shí)例_卡卡網(wǎng) 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時(shí)，記得要先引用jquery.js文件。

JQuery代碼還可以這樣寫：

反防盜鏈實(shí)例_卡卡網(wǎng) 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'));

}

});

});

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

本文實(shí)例演示及源碼文件下載

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。