サイトに掲載した画像ファイルをダウンロードできなくする方法

サイトのいろんな所に画像を使いますが、モノによっては画像ファイルをダウンロードできなくしたい時があります。そんな時の対処方法です。

サイトに掲載している画像をダウンロードするときは、マウス右クリックや長タップでメニューを表示してダウンロードします。このメニュー表示をしないように指定します。また、画像をドラッグすることでも画像ファイルを取得できます。なのでドラッグも無効にすれば完全に画像ファイルをダウンロードできなくなります。

画像ファイルをダウンロードできなくする指定

右クリックメニューの非表示

ダウンロードできなくする画像のHTMLタグに、以下の記述をすればメニュー表示ができなくなります。

<img src=”image.jpg” oncontextmenu=”return false;” />

ドラッグの無効

同じく対象の画像のHTMLタグに、以下の記述をすればメニュー表示ができなくなります。

<img src=”image.jpg” onmousedown=”return false;” />

これらの両方を指定すると完全に画像ファイルをダウンロードできなくなります。

<img src=”image.jpg” oncontextmenu=”return false;” onmousedown=”return false;” />

サイト全体に適用したい場合

特定の画像ファイルだけではなく、サイト全体にこの動作を適用したい場合は「body」タグに上記を記述すればサイト内の全ての内容に適用されます。「onmousedown=”return false;”」は、テキストの選択もできなくなります。

<body oncontextmenu=”return false;” onmousedown=”return false;”>

また、特定の場所に指定したい場合は「div」タグに使用すればできます。

おまけ

ついでに、テキストの選択だけをできなくするには以下を記述します。

<body onselectstart=”return false;”>

特定の文字列だけを指定するには「p」や「span」タグに指定します。

<p onselectstart=”return false;”>テキスト</p>

スポンサーリンク