13

WEBアプリケーションを前提としています。

通常、HTMLへの埋め込み、CSSでの埋め込みで画像を表示しますが、
クライアントが(※完全な画像を)ダウンロードできない画像を表示するWEBサービスを発見しました。
解像度の落ちた画像はDL可能なようです。

携帯用写真アップローダーのようですが、先日発見したアップローダーが下記になります。
http://vpic.to/150810H6O6

右上に、再配布NGとなっており、NGの場合は写真をクリックできないようになっているようです。
再配布可の場合は写真をクリックすると、完全な解像度の画像を表示するようになっています。

解像度を落とした画像と、通常のアップロードされた画像の2種類を作成すれば可能かと思われますが、このサイトの場合、正規画像のURLを見つけてしまえば正規画像はDL可能なのでしょうか?

また、アップロードされた正規画像を参照(ブラウザで表示)することはできても、DLすることはできない(PC・モバイル問わず)ということは技術的に可能なのでしょうか?

3
  • 5
    そのWebサービスについて具体的に記載できますか?質問の内容が曖昧だと回答が付きにくいので可能な限り具体的にお願いします。
    – take88
    Commented 2015年9月10日 11:43
  • 1
    閲覧できた段階でdownloadはされてるわけなので... 一応、URLが分かっても接続者にdownload権限が無ければdownloadできないようにはすることはできると思います。が、閲覧はさせるけど、ファイル保存はさせないって事は無理だと思います。javascriptなどを用いて小手先で制限かけることはできると思いますが...それが望みじゃないですよね?
    – 豚吐露
    Commented 2015年9月11日 1:51
  • おそらくこのアップローダの場合はそうだとおもいます。 質問内容を具体的にしました。
    – omarun
    Commented 2015年9月11日 2:09

2 件の回答 2

15

ダウンロードしないと表示もできないので、ダウンロードを技術的に防ぐ事は(一般的なブラウザを対象とする限り)出来ません。
画像の保存を面倒にする方法はいろいろあると思います。

例として出されたURLですと、まず再配布NGの物には画像ファイルへのリンクが設定されてません(これは、まあ普通の事です)。
多少こっているのは、画像が表示されている位置に以下の二つの DOM が生成されている事です。

<img class="protect" src="http://image.vpic.to/mail/data/150810/150810H6O6/01.gif" border="0">
<img style="top: 115px; left: 80px; position: absolute; z-index: 10;" name="blank" src="/img/blank.gif" height="175" width="160">

最初のimg要素が本物の画像であり、次のimg要素はblank.gifという名からも明らかですが、ダミーです。
ダミー要素の生成にはJavaScriptを使っているようですね。
ブラウザには、これらが重ねて表示されます。ユーザが操作しようとすると、手前(Z軸で上)に設定されているダミーへの操作になるので、通常の手順では画像の保存が出来ないという仕組みです。

どちらにせよ、一手間かければ保存できますので、ちょっとした嫌がらせといった所です。

(もちろん、表示している物とは別に高解像度の画像があるのなら、それはダウンロードを制限できます。だだ、表示もダウンロードもさせないのですから、サーバに置いておく必要もないことになります)

11

先に言いますと、Webアプリケーションで完全に無断ダウンロードを禁止することは不可能です。

画像を表示するために画像の情報を絶対にダウンロードしなくてはならないためです。
ただ、そのダウンロードを減らす意味合いでなら色々と方法があります。

1.画像の表示方法を考察する
 画像をバイナリで取得してcanvasなどでレンダリングするとかですかね
 canvasでレンダリングする事で単純に画像をダウンロードする事を防ぐ事が出来ます。
 -----
 バイナリからでも、データを取得出来れば出力できます。
 通信を傍受されたりすれば解析されます。
2.画像にオブジェクトをオーバーレイする
 要素をクリックなど要素にアクセスしづらくさせることで
 右クリックなども防げます。
 -----
 邪魔な要素を削除していけば画像にたどり着けるのであまり意味は無いです。
3.マウスイベントを無効にする
 マウスイベントを無効に出来れば、右クリックからのメニューなどを防げます。
 -----
 Javascriptなどスクリプトの実行を制限することで無効化可能です。
 ただし"1"と組み合わせればスクリプトを実行しなければ画像を表示できない状態に持っていけます。
 これも絶対ではないですが、結局Webコンソールで解析されるとダメですね。

こんな感じでしょうか?

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。