javascript - 保护浏览器php中的图像

Question

我的页面中有图像，我想通过直接从其 URL 进行查看来保护该图像。基本上，我想隐藏/加密图像源。

<img src="www.mywebsite.com/media/1.jpg" alt="customer_id" />

我已经通过某种 JavaScript 禁用了右键单击图像。但是，仍然可以从页面的源代码中获取图像源。

我还尝试在图像中添加这些属性。

ondrag="return false"
ondragstart="return false"
oncontextmenu="return false"
galleryimg="no"
onmousedown="return false"

有什么办法可以解决这个问题吗？谢谢。

Answer 1

不可能在 HTML 中有效地隐藏它 - 但我认为你担心有人会看到不属于他的图像。我的解决方案:将图像移动到无法从网络访问的目录，例如，如果现在它们位于

/home/mywebsite.com/public_html/media/

将它们移至:

/home/mywebsite.com/media/

并通过 PHP 为它们提供服务:

if($userIsLogged && $imageBelongsToUser) { //this is of cource pseudo code - only showing the idea

 header("Content-type: image/jpeg");
 $image=imagecreatefromjpeg('/home/mywebsite.com/media/1.jpg');
 imagejpeg($image);

}else{
 echo "error";
}

当然，您必须以某种方式存储有关用户/图像对的信息。