画像・動画をダウンロードさせたくない

Question

gRPCからデータを呼んで、その中の画像・動画を表示しているのですが、
閲覧者にダウンロードをさせたくありません。

右クリック・ドラッグ禁止は
「oncontextmenu="return false;" onselectstart="return false;" onmousedown="return false;"」
をimgタグに追加して制御しています。

これに加えて、下記の２つを追加したいです。
・画像のurlを直接打ち込んでも表示しない（もしくは別の関係ない画像が表示される）
・ページを保存([ファイル]→[名前をつけて保存])しても画像は保存されない

方法はありますでしょうか？
初心者のため、コードも教えていただけるととても助かります。

<div>
 <p>{{ $item['title'] }}</p>
 <img src="{{ $item['file_url'] }}" oncontextmenu="return false;" onselectstart="return false;" onmousedown="return false;">
</div>

array:1 [▼
  0 => array:2 [▼
    0 => array:3 [▼
      "id" => 1
      "title" => "タイトル１"
      "file_url" => "http://example.com/example1.jpg"
    ]
    1 => array:3 [▼
      "id" => 2
      "title" => "タイトル２"
      "file_url" => "http://example.com/example2.jpg"
    ]
  ]
]

Comments

[hentaiman]

コード提示が怠いので回答は出来ないのでヒントもめちゃくちゃ省略しますが、画像に有効期限をつけましょう

Answer 1

基本的には制御はできないものだと理解しておいたほうがよいです
どうしてもというなら専用のアプリやコーデックを開発することです

Answer 2

S3から画像をDLし,URLを生成したうえでレスポンスを表示することにしました。

Answer 3

・画像のurlを直接打ち込んでも表示しない（もしくは別の関係ない画像が表示される）
・ページを保存([ファイル]→[名前をつけて保存])しても画像は保存されない

• 画像URLをpostで返すようにする。
• imgタグではなくcanvasに描画するようにする

みたいにすれば要件は満たせます。が
スクリーンショットを撮られた場合は画像の流出が発生します。ですので
いかに制御しようと画面に表示される以上コピーを完全に防ぐ事はできません。
それでも良ければコードを書きましょう

Comments

[i-nr]

完全に防ぐことができないのは承知していますが、なるべく制御したいです。
コードを教えていただいてもよろしいでしょうか？

Answer 4

バックエンドの方は使っているwebサーバー（apache等）にもよりますが下記で回避できるかと思います。

https://qiita.com/shisama/items/be0e432711de359598ed