如何在html中隐藏图片链接答案

【问题标题】：How to hide image link in html如何在html中隐藏图片链接
【发布时间】：2022-01-05 02:03:39
【问题描述】：

<img src="https://i.ibb.co/FqvPFd2/Json-Data-Sorting.png" />

当我们使用 viewsource:sitelink 时我想隐藏它的链接

有没有我能做到的事

当我尝试检查是否有完整的 base64 数据时，我看到网站正在这样做

【问题讨论】：

this 回答你的问题了吗？
您使用任何后端还是仅使用 HTML？？

标签： html image

【解决方案1】：

当您通过您的网站提供图片时，您无法隐藏图片链接或数据以获取更多信息，请阅读此问题的答案：Hidden img src value。尽管您也可以尝试在您的网站中使用 base64 以防伪安全，因为它们也可以轻松下载。但是您不会放弃数据的存储位置，这是一个加分项。

正如您没有提到您是否使用任何后端来自动执行任务。我提供了 HTML 和 PHP。

HTML：How to display Base64 images in HTML

<div>
  <p>Taken from wikpedia</p>
  <img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA
    AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
        9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" />
</div>

PHP：https://www.geeksforgeeks.org/how-to-convert-an-image-to-base64-encoding-in-php/

<?php 
  
// Get the image and convert into string
$img = file_get_contents(
'https://media.geeksforgeeks.org/wp-content/uploads/geeksforgeeks-22.png');
  
// Encode the image string data into base64
$data = base64_encode($img);
  
// Display the output
echo $data;
?>

您应该在 img src 标签中回显，但如果可能，请创建一个函数来返回数据，然后将其用作 img src。

【讨论】：