JavaScript

Javascript

画像 右クリックでのダウンロードは禁止!!

普段物件画像を取り扱うシステムを構築することが多いんですが、

不動産会社さんにとって画像は大事な資源です。

 

ということで、

マウスの右クリックでの画像ダウンロードを禁止したい!!

という要望があり早速対応してみることに。

というJavascriptコードを作成して、

テスト開始!!

 

Firefox  => OK
chrome => OK
IE8       => OK

 

ところが、IE6では動作してくれません。

更にIE7とOperaでも同様の現象が!!!!!!!!

 

早速調べてみると、

なんとsetAttribute()関数はIE6、IE7、Operaでは動作してくれないと事でした。

これはIE6、IE7のバグとして有名らしいです。

 

仕方ないので、

ブラウザの判定を行なってブラウザによって処理を変更するように修正しました。

こんな感じです。

 

このソース、もうちょっとスマートに出来そうですが、

今回は取り敢えず動作してくれればOKなんで、

そこは我慢!!

 

因みに、ブラウザの判定は

http://d.hatena.ne.jp/Naotsugu/20110927/1317140891

のサイトを参考にさせて頂きました。

 

本当は、

<img src=”画像パス” oncontextmenu=”return(false);”>

といったように<img>タグに「oncontextmenu=”return(false);”」を記述するだけでいいはずなんですが、

ちょっと特別な記述をしてみたかったんで、

今回は敢えてこんな複雑な処理にしてみました。

 

ただ、

これは気休め程度の処理と思ってください。

 

実際にはブラウザ上からソースをみれば画像のパスはばれてしまうので、

簡単にダウンロード出来てしまいます。

 

さらに、

マウスで画像をデスクトップなどへ向けてドラッグ&ドロップされてしまえば、

簡単にダウンロードされてしまいます。

関連記事

  1. JavaScript

    Javascript

    「REQUEST_DENIED」というエラーコード…

    GoogleMap APIを利用してマップ表示させたいのですが、&…

  2. JavaScript

    Javascript

    ajaxzip2からajaxzip3へ変えてみました!!

    弊社で日頃からお世話になっているライブラリーといえば、ajaxzi…

  3. JavaScript

    Javascript

    GoogleMap APIでAPIキーの発行が必須に!!

    久しぶりにGoogleMap APIを利用した案件の対応を行ったんです…

  4. JavaScript

    Javascript

    getPanoramaByLocation()メソッド

    前回の続きで、ストリートビュー未対応地域を想定した…

  5. JavaScript

    Javascript

    Javascriptで画像サイズを取得したい

    &lt;img src="sample.jp" alt="サンプル" …

  6. JavaScript

    Javascript

    Google Maps API Ver.3 で地図を表示

    久しぶりにGoogleMap APIを利用しようとして、今更なんで…

最近の記事

  1. PHP
  2. Python
  3. Python
  4. PHP
  5. 宅建
PAGE TOP