防止使用浏览器 url 直接访问图像

Posted 2023-02-24

【中文标题】防止使用浏览器 url 直接访问图像

【英文标题】：Prevent direct access to images using the browser url

【发布时间】：2012-11-19 11:40:47

【问题描述】：

我有一个名为 - Images 的文件夹。此文件夹包含用户个人资料图片。现在用户可以随时通过将图像 URL 复制到他的浏览器来查看他的图像。这样他也可以看到其他用户的个人资料照片。我想要实现的是 - 用户应该只能通过我网站上的 php 页面查看他的个人资料图片。如果用户直接放图片 URL，就不应该显示。

我尝试使用 .htaccess 来实现这一点。这就是我在 .htaccess 文件中的内容：

RewriteEngine On
RewriteCond %HTTP_REFERER !^$
RewriteCond %HTTP_REFERER !^http://(www\.)?mysite.com/
RewriteRule \.(gif|jpg)$ http://www.mysite.com/errorpost.jpg [R,L]

我是 .htaccess 的新手。如果有办法实现这一点，请提供帮助。

提前致谢。

【问题讨论】：

上面我用的方法不行。输入图像 url 时，它仍然显示图像。

看看这对你有没有帮助：***.com/questions/9282124/…

你想解决什么问题。是否要阻止人们查看个人资料的个人资料图片，他们不允许查看？

@Gerben .. 假设我正在查看我的个人资料。通过查看源代码，我可以看到我的个人资料图片的图像位置。然后我将该网址粘贴到地址栏并打开图像。现在我希望用户不能以这种方式直接访问图像。是否可以限制用户直接查看图像。应该允许他仅使用我创建的作为个人资料页面的 PHP 页面查看图像。这样他就无法猜测其他用户的网址，也无法看到他们的图片。

为个人资料图像生成伪随机文件名应该可以解决这个问题。例如使用配置文件 ID 的 md5 作为图像文件名。

【参考方案1】：

我也有同样的问题。目前我找到了两种方法：

1) base64_encode() + ajax + js/jquery

将 base64_encode() 编码的每个图像存储在二进制文件或数据库 OUTSIDE www 文件夹中。 使用 ajax 获取该数据。它应该返回“data:image/jpeg;base64,$enc_imgbinary” 使用 js/jquery 将 'img' 属性的 'src' 替换为返回的结果

优点

无法通过直接链接访问图片

缺点

我没有找到类似的视频解决方案。 应事先（或首次使用）对图像进行编码，以尽量减少服务器 CPU 使用率。 编码图像占用的磁盘空间增加了大约 30% => 1.3 倍的磁盘空间 如果您想在服务器上保留原始图像 => 2.3 倍磁盘空间。 大约 30% 的数据将通过网络发送

2) 长随机名称（+符号链接）

A) 使用长随机名称将图像存储在 www 文件夹中 B）将图像存储在 www 文件夹之外，并带有指向 www 文件夹的符号链接。 （www 以外的图片也可以作为您的桌面图片备份）

注释：

文件夹还必须包含随机符号 使用'.'在任何文件夹或文件名之前 => 以防万一，以防止在未配置的 apache 上显示文件夹内容 在情况 B) 中配置 apache 以遵循符号链接（将 FlowSymlinks 添加到 httpd.conf） 配置 apache 以防止文件夹内容列表（从 httpd.conf 中删除索引）

图像层次结构示例：

万维网 .media_jmdue7jed .user1_hash_!sdfsewewfsdfsds .album1_name_!jfie8e7y77667fef .photo1_name_!kjio9i890v8fsd978fyreshf .photo2_name_!09098dfuujdsif87s7ysdffd ... .album2_name_!ghhyuflp!huidfjh .photo1_name_!feojihudhufuuhfrufhi8484 .photo2_name_!2344gfdgfdgdfefedw232sdg ... .user1_hash_!j333re89dsfdsf ...

优点：

也可以用于视频 您仍然可以通过使用长随机名称创建指向 www 文件夹的符号链接，将原始图像与原始名称保留在 www 文件夹之外。甚至对每个用户都不同。 图片可以在您的服务器之外使用（在论坛中，快速发送直接链接给您的朋友或类似的）

缺点

必须事先（或即时）创建符号链接 可以通过直接链接访问图像 但是几乎不可能猜到它 您也可以定期更改符号链接随机名称或更改图像权限（我怀疑 google+ 会这样做） map original-name → long-random-name 应该存储在 db（或 sidecard/meta 文件）中 （如果您通过编码/解码或组合 original-name + long-random-name 将 original-name 保留在 long-random-name 中，则可以绕过）

=======================================

我已经实现了案例 1)，它对我来说很好，但是我没有为 html5 视频找到类似的解决方案。

案例 2) 似乎更灵活。但是我仍然不确定安全性。 如果有人发现安全漏洞，请告诉我。