返回列表 發帖

[mooTools] Image Protector: dwProtector 保護圖檔不被下載

MooTools 1.2 Image Protector: dwProtector
http://davidwalsh.name/mootools-12-image-protector-dwprotector
保護您的圖檔不被下載

這個簡單的程式是基於 mootools 1.2 開發的,套用後可以讓您的圖檔有簡易的保護效果,正常情況透過檢視內容或另存圖檔都無法正確儲存下來,對於一般非玩家或無開發經驗的人來說應該是有效的。

先來看一下效果吧,以下圖檔試著用正常的方式來下載,可能都只有看到 blank.gif:



看一下原始碼:
<img class="protected" src="P1010103.JPG"/>
<script type="text/javascript" src="mootools-1.2-core.js"></script>
<script type="text/javascript" src="dwProtect.js"></script>
要保護的圖檔先給一個 class 名稱,之後程式會用到,接著引用 mootools.js 和 dwProtect.js。

JavaScript 的部份如下:
window.addEvent('domready', function() {
 var protector = new dwProtector({
  image: 'blank.gif',
  elements: $$('.protected')
 });
});
在 domready 加上事件處理,透過 new dwProtector() 並且帶入你要的參數即可完成整個保護的作用。

註:關於這個圖檔的保護方式是針對「非玩家」及「無開發經驗」等使用者而做的簡易方式,請看作者如何解釋:
It's important to realize that this WAS NOT MEANT AS THE BE-ALL-END-ALL of image protecting. I know you can view-source, or print-screen, or use Firebug, etc. — my article states that clearly.

This is meant to prevent the rookie web user. They don't have Firebug, they don't know how to view-source, and probably don't know print-screen.
To infinity and beyond!

返回列表 回復 發帖