javascript - 是否可以通过隐藏 src url 加载图像数据并在 html 中显示

Question

我想在 html 上显示图像，但不想将 src 属性设置为完整的 url。Beacase 图像 src url 可以由浏览器调试窗口显示，我想对客户端隐藏它们。

我通过 wcf 服务器提供图像。

我尝试使用画布，但 toDataUrl 在许多浏览器上引发安全错误。有没有其他方法可以隐藏客户端的 url。这是最好的方法吗？

Answer 1

您可以通过直接在您的 css/html 中将它们转换为 base 64 格式来嵌入您的图像...

Answer 2

如果你隐藏源并不重要，我什至不知道这是否可能。如果用户足够聪明，可以打开检查器找到来源，他们只需右键单击图像并复制链接地址即可。

Answer 3

<?php
$file = "Tom-and-Jerry.jpg";
if($fp = fopen($file,"rb", 0))
{
   $imgContent = fread($fp,filesize($file));
   fclose($fp);
   $imgBase64Content = base64_encode($imgContent);
}
?>
<img src="data:image/jpeg;base64,<?php echo $imgBase64Content?>" alt="Tom & Jerry"/>