javascript - 有没有办法对普通用户隐藏图片网址？

Question

我正在尝试弄清楚如何在查看控制台或源代码时隐藏图像的 url。

我看到其他人问过这个问题以防止用户下载图像，但这不是问题 - 事实上他们应该能够下载/保存图像。

真正的原因是因为我的用户在我的网站上上传图片到像 cloudinary 这样的第三方存储服务。我不想让用户知道图像的去向，因为我担心他们可以操纵发送或接收的数据。这只是一项额外的安全措施，即使在检查发送/接收的图像确实是图像 url 而不是恶意代码或任何东西之后也是如此。

对于在控制台中隐藏 url，您有什么建议？我完全不知道从哪里开始。

详细说明一下:用户在我的网站上单击“浏览文件”，然后单击“上传”。文件被传输到 cloudinary 进行存储。然后我的网站从 cloudinary 获取图像 url，将 url 存储在我的数据库中，并将它们显示在用户个人资料的 div 框中。像这样:

<div class="listing_img" style="background-image:url('.$img_url.');"></div>

其中 $img_url 是数据库中的一行。

有点像图像存储网站，但不完全是，人们不会来我的网站存储图像。用户在任何阶段都不会看到他们的图像被发送到哪个 API url，除非他们当然在浏览器控制台中看到“img src=akdklasdjakl”。

我不确定这是否是正确的方法，但这似乎不是个坏主意。

Answer 1

您可以尝试使用 data-uri 添加图像数据而不是图像 url - 就像您对内嵌图像所做的那样。所以，在 CSS 中你可以尝试:

style="background:url(data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKu..... etc) no-repeat;"

例如:

这使用远程图像，但您可以使用本地文件路径 - 即使是那些没有文档根目录的路径。

    $source='http://jumanjipets.co.uk/wp-content/uploads/2018/02/koi.jpg';
    $contents=file_get_contents( $source );

    printf( "<img src='data:image/jpeg;base64, %s' />", base64_encode( $contents ) );