Question

我有一个包含图片网址的json文件，我想这是一个网址，它看起来像这样：iVBORw0KGgoAAAANSUhEUgAAADYAAAAzCAMAAADrVgtcAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA81BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AAABYFPD3AAAAT3RSTlMADgst6+QksgbqvQq+H9wctOEJFPb6F0IMw05gGEBHXE1ZYUYql6Ag3/AZ9dZ9rQEDtXLepw+v2ggz8+iAPCM+g+zxLDXiMRGPiQIWKy4i7fbkmgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAEuSURBVEjH7dPZUsJAEAXQBkxAQUBQQQfcFXHfd4PiDuj9/7/BQIpMQpZunrlvd2rOVFdXDVFoEkmaIKkZw5xEAXJnK7mzVTotdQOVyQidOWsrIpkzjaGSOVdJnK7+3RzPeRVRNsdxfsVz44rjglS8C1aOm5eqocsXpCrKRalwF63CnK2KESrY2SqXJZI5jhp3POV3XOV1fKW7wgJfua6UlyjHlai8KFIDt7RMVCmKFFF1ZdVZilI1Hqkp5X48BdR5rA6oKZsyGavw2BqwPiobwCaPbQHbo7ID7PLYHtBw2z6aZY46OMSRVo+Bk9N4dXYOXGg9eQlcVePU9Q1we6ef3D8Aj0/PViM0VuvlFWi/eV96N8DIx6d/gq/vdhxq/iQCRu90rd5vaHp/3Y57tw84CG6Xg3b41wAAAABJRU5ErkJggg==

基于此，如何理解这一点并获得它代表的图像？感谢。

Answer 1

这是Base64编码的图像。您可以在HTML中显示它：

body {
  background-color: green
}

<img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAADYAAAAzCAMAAADrVgtcAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA81BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AAABYFPD3AAAAT3RSTlMADgst6+QksgbqvQq+H9wctOEJFPb6F0IMw05gGEBHXE1ZYUYql6Ag3/AZ9dZ9rQEDtXLepw+v2ggz8+iAPCM+g+zxLDXiMRGPiQIWKy4i7fbkmgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAEuSURBVEjH7dPZUsJAEAXQBkxAQUBQQQfcFXHfd4PiDuj9/7/BQIpMQpZunrlvd2rOVFdXDVFoEkmaIKkZw5xEAXJnK7mzVTotdQOVyQidOWsrIpkzjaGSOVdJnK7+3RzPeRVRNsdxfsVz44rjglS8C1aOm5eqocsXpCrKRalwF63CnK2KESrY2SqXJZI5jhp3POV3XOV1fKW7wgJfua6UlyjHlai8KFIDt7RMVCmKFFF1ZdVZilI1Hqkp5X48BdR5rA6oKZsyGavw2BqwPiobwCaPbQHbo7ID7PLYHtBw2z6aZY46OMSRVo+Bk9N4dXYOXGg9eQlcVePU9Q1we6ef3D8Aj0/PViM0VuvlFWi/eV96N8DIx6d/gq/vdhxq/iQCRu90rd5vaHp/3Y57tw84CG6Xg3b41wAAAABJRU5ErkJggg==" />

Answer 2

它是以Base64编码的PNG文件。您可以使用data URI在HTML <img>代码中显示它：

＆＃13;

const imageBase64 = 'iVBORw0KGgoAAAANSUhEUgAAADYAAAAzCAMAAADrVgtcAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA81BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AAABYFPD3AAAAT3RSTlMADgst6+QksgbqvQq+H9wctOEJFPb6F0IMw05gGEBHXE1ZYUYql6Ag3/AZ9dZ9rQEDtXLepw+v2ggz8+iAPCM+g+zxLDXiMRGPiQIWKy4i7fbkmgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAEuSURBVEjH7dPZUsJAEAXQBkxAQUBQQQfcFXHfd4PiDuj9/7/BQIpMQpZunrlvd2rOVFdXDVFoEkmaIKkZw5xEAXJnK7mzVTotdQOVyQidOWsrIpkzjaGSOVdJnK7+3RzPeRVRNsdxfsVz44rjglS8C1aOm5eqocsXpCrKRalwF63CnK2KESrY2SqXJZI5jhp3POV3XOV1fKW7wgJfua6UlyjHlai8KFIDt7RMVCmKFFF1ZdVZilI1Hqkp5X48BdR5rA6oKZsyGavw2BqwPiobwCaPbQHbo7ID7PLYHtBw2z6aZY46OMSRVo+Bk9N4dXYOXGg9eQlcVePU9Q1we6ef3D8Aj0/PViM0VuvlFWi/eV96N8DIx6d/gq/vdhxq/iQCRu90rd5vaHp/3Y57tw84CG6Xg3b41wAAAABJRU5ErkJggg==';
const imageUrl = 'data:image/png;base64,' + imageBase64;
document.querySelector('img').src = imageUrl;

＆＃13;

body {
  background: black;
}

＆＃13;

<img>

＆＃13;

图像为白色且背景透明，因此我将页面背景更改为黑色以使图像可见。

如果您只想解码字符串，可以使用atob()函数：

＆＃13;

const imageBase64 = 'iVBORw0KGgoAAAANSUhEUgAAADYAAAAzCAMAAADrVgtcAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA81BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AAABYFPD3AAAAT3RSTlMADgst6+QksgbqvQq+H9wctOEJFPb6F0IMw05gGEBHXE1ZYUYql6Ag3/AZ9dZ9rQEDtXLepw+v2ggz8+iAPCM+g+zxLDXiMRGPiQIWKy4i7fbkmgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAEuSURBVEjH7dPZUsJAEAXQBkxAQUBQQQfcFXHfd4PiDuj9/7/BQIpMQpZunrlvd2rOVFdXDVFoEkmaIKkZw5xEAXJnK7mzVTotdQOVyQidOWsrIpkzjaGSOVdJnK7+3RzPeRVRNsdxfsVz44rjglS8C1aOm5eqocsXpCrKRalwF63CnK2KESrY2SqXJZI5jhp3POV3XOV1fKW7wgJfua6UlyjHlai8KFIDt7RMVCmKFFF1ZdVZilI1Hqkp5X48BdR5rA6oKZsyGavw2BqwPiobwCaPbQHbo7ID7PLYHtBw2z6aZY46OMSRVo+Bk9N4dXYOXGg9eQlcVePU9Q1we6ef3D8Aj0/PViM0VuvlFWi/eV96N8DIx6d/gq/vdhxq/iQCRu90rd5vaHp/3Y57tw84CG6Xg3b41wAAAABJRU5ErkJggg==';
document.body.textContent = atob(imageBase64);

＆＃13;

Answer 3

这是一个Base64图片来源，如果您尝试在html页面中执行此操作

您将获得嵌入在html上的图像

我尝试过使用chrome并获得54x51透明图像，上面有符号。

此外，如果您尝试使用Base64对其进行解码并将其保存在具有相应扩展名的文件中，您将获得图像文件。我已经在这样的ruby中完成了，我可以得到文件。

File.open(`pwd`.chomp+"/image.png", "w+") do|f| f.write(Base64.decode64("iVBORw0KGgoAAAANSUhEUgAAADYAAAAzCAMAAADrVgtcAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA81BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AAABYFPD3AAAAT3RSTlMADgst6+QksgbqvQq+H9wctOEJFPb6F0IMw05gGEBHXE1ZYUYql6Ag3/AZ9dZ9rQEDtXLepw+v2ggz8+iAPCM+g+zxLDXiMRGPiQIWKy4i7fbkmgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAEuSURBVEjH7dPZUsJAEAXQBkxAQUBQQQfcFXHfd4PiDuj9/7/BQIpMQpZunrlvd2rOVFdXDVFoEkmaIKkZw5xEAXJnK7mzVTotdQOVyQidOWsrIpkzjaGSOVdJnK7+3RzPeRVRNsdxfsVz44rjglS8C1aOm5eqocsXpCrKRalwF63CnK2KESrY2SqXJZI5jhp3POV3XOV1fKW7wgJfua6UlyjHlai8KFIDt7RMVCmKFFF1ZdVZilI1Hqkp5X48BdR5rA6oKZsyGavw2BqwPiobwCaPbQHbo7ID7PLYHtBw2z6aZY46OMSRVo+Bk9N4dXYOXGg9eQlcVePU9Q1we6ef3D8Aj0/PViM0VuvlFWi/eV96N8DIx6d/gq/vdhxq/iQCRu90rd5vaHp/3Y57tw84CG6Xg3b41wAAAABJRU5ErkJggg==")) end 希望它有所帮助。

Answer 4

这不是网址;它是PNG图像的base64表示。你可以像这样显示它，假设你的文档中有jQuery和ID为myimg的图像：

x = 0xA5

if x == (0xAA or 0x5A or 0xA0 or 0xAB):
    print("Host Address is Correct")

Answer 5

这实际上是base64编码的图像。您有标准功能来解码它。查看一些示例here。

如何解码应该是图像网址的json字符串

5 个答案: