如何在当前页面中显示base64 (atob)中的外部图像

Question

我实际上是在客户网站的“法律提及页面”工作。他希望在外部站点的完整图像(而不是文本)主机端下显示它，但以base64 (不是简单的链接https://...)编码。

<img src="data:image/png;base64,aHR0cHM6Ly9jZG4uc3N0YXRpYy5uZXQvSW1nL3RlYW1zL3RlYW1zLWlsbG8tZnJlZS1zaWRlYmFyLXByb21vLnN2Zz92PTQ3ZmFhNjU5YTA1ZQ==">

这不管用..。

<a href="#" onload='this.href=atob("aHR0cHM6Ly9jZG4uc3N0YXRpYy5uZXQvSW1nL3RlYW1zL3RlYW1zLWlsbG8tZnJlZS1zaWRlYmFyLXByb21vLnN2Zz92PTQ3ZmFhNjU5YTA1ZQ==")'></a> -->

这个工作，但它是一个链接，我不想这个，但一个加载。

我尝试了很多事情，但没有什么对我有用。

有人能不能让我走上一条小路。

谢谢！

Answer 1

data:image/png;base64,aHR0cHM6Ly9jZG4uc3N0YXRpYy5uZXQvSW1nL3RlYW1zL3RlYW1zLWlsbG8tZnJlZS1zaWRlYmFyLXByb21vLnN2Zz92PTQ3ZmFhNjU5YTA1ZQ==

是一个数据URI。这意味着它应该包含实际(图像)数据，而不是链接到图像。现在它包含一个base64编码的链接。获取要显示的图像，并将其转换为Base64 (例如，通过在线转换器)，并在数据URI中插入Base64字符串。

示例(显示一个红点，来自维基百科)：

​

<img src="data:image/png;base64,iVBORw0KGgoAAA
ANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4
//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU
5ErkJggg==" alt="Red dot" />

​

Answer 2

我解决了我的问题。

1远程服务器

我没有通过url调用外部映像，而是尝试从我的网站在base64中转换它，而是创建了一个.txt文件，该文件已经包含了编码的图像(如jps所提到的)。

2回到我的站点

我刚刚用.txt函数调用了file_get_contents远程文件：

<php

$external_image_base64 = file_get_contents("https://exemple.com/images/myfilename.txt");<br>
img src="<php echo $external_image_base64; ?>"

?>

现在，每当我需要更新我的图像，我只需要转换新的，并粘贴到遥远的文件。