有人写信询问当他们只有图像的 data URL 版本时如何获取“原始图像”。 我不太确定你是如何陷入这种情况的,但嘿,我曾经不止一次地从汽车后备箱醒来过。
您可以绝对地找回原始图像,通过利用浏览器的强大功能。
这是他们拥有的数据
data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNLTItMmgyNHYyNEgtMnoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTAgMjBDNC40OCAyMCAwIDE1LjUyIDAgMTBTNC40OCAwIDEwIDBzMTAgNC40OCAxMCAxMC00LjQ4IDEwLTEwIDEwem0xLTE1SDl2MmgyVjV6bTAgNEg5djZoMlY5eiIgZmlsbD0iIzE2ODJGOCIvPjwvc3ZnPgo=
将它放在一个 <img>
标签中并在浏览器中打开,您将看到它呈现出来

现在您可以将其从浏览器拖到本地文件系统中

并且该文件将是原始文件

👔
上下文菜单中的“另存为图片”在更多浏览器中有效。 有趣的是,Edge 将图像保存为 PNG,出于某种原因。 这是一个 #EdgeBug 吗?
您也可以将其粘贴到地址栏中,然后从那里保存。
啊,这就是我想提到的。 我以为我是少数几个知道这些东西的人之一。
是的,这是最简单的方法,只需将其粘贴到浏览器的地址栏中。
只需使用您最喜欢的编程语言。 进行 Base64 解码。 将结果数据写入文件
按照 Chris 建议的编程方式进行操作。 我将在这里提供一个我为 Node.js 创建的库,以便轻松地执行这些解码 Data URI(也包括编码)并将其保存到文件中的步骤
https://github.com/DiegoZoracKy/image-data-uri
在我们的一个应用程序中,我们将“玻璃上的签名”作为 data url 存储在我们的数据库中,然后为了显示它,我们做了 Chris 在这里建议的操作,将其放在一个 标签中。
谢谢,很高兴知道。
顺便说一句,当您多次醒来时,我希望您有钥匙?
我有点认为,很多次之后,没有钥匙,也许是狗让你出来的。 我知道妻子不会(过去的经验)。
您也可以执行以下操作
这帮助了我很多! 但是,有没有办法将 data url 转换为普通的 url 图像链接? 我在哪里可以学习/了解更多关于 data url 的知识?
我想你不能,因为数据不是指向资源的链接,而是图像的实际信息,只是为了节省带宽而进行编码。
这个 Stackoverflow 对在哪里以及为什么使用它以及在哪里以及为什么不使用它有一些很好的解释。
http://stackoverflow.com/questions/1124149/is-embedding-background-image-data-into-css-as-base64-good-or-bad-practice
非常有用。 我知道您可以在浏览器中查看它,但不知道它可以保存回 SVG!