0

我正在查看Chrome 用来记录浏览会话的HAR文件。它是用WebInspector 制作的。

对于我的会议，我想知道它与图像文件有什么关系。显然它将它们下载为文本......我看到一个PNG记录为：

"content": {
            "size": 633,
            "mimeType": "image/png",
            "compression": 0,
            "text": "iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAMAAAAs2N9uAAAAwFBMVEUAAAD//vn/6qj/8cX/4nv/4Gj/3Fb/2Ub/+/H/+OP/5oz0nnjxg1DthDn9wxf+zA3/ywL+yAn/89LoYkjiUzzeWif+7sj8yWvaQS7wtpj9ylf1uSr/1Tj+zjz+yUn90Ibrdz/9viT+2WL/0yz8v1bTMR7mehLEuVhUruWdsJv1rQjnwStiuOtlx/9Vwv9Jvv9uyv//0Rn/7riEv8o/u/+zuXhZtetnrMs9wf9x0f9SuPib2vnM7f/y+v/4z3h61P9T93Q2AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAEgAAABIAEbJaz4AAADjSURBVBjTLdDtcoIwEEBRDAmB1AYiWlCCLVBE/EgUsRW18v5v1Q26P8/c3ZnEsqwRQjYmDqXUca3neAy/jd+5HwTCHmDkTfA4DKczAcQ+TIcYi0Cm8XxixgNiGC+A4jiRMl0uPg0RQr9AZrDHsyR6kpOHEBVFmi6/TUUkLei8XEFUrdd1DeQU1HdQuQnEdrdX+gBEj9Jv8lIIkZxeRChpkL8RnGcnpVpDDUK5qHZnntQ/Srd7c+so4crhXP0qpfSlA3JtxOHK9Qqgb/e/4ZV2ltWm0O3l/voJ9xE9bn3fd103NP/JehnXpgX3BAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxMi0wMy0xNFQxNTo0MTo0OS0wNTowMIuGhf0AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTAtMTItMjJUMTM6NDI6NDctMDY6MDBvXc3SAAAAAElFTkSuQmCC"
          }

我想查看 PNG 文件，所以我输入nano test.png了文本并将其保存到一个文件中，从iVBOR...开始。当我用 Chrome 打开图像时，我得到了一张损坏的图片 - 实际上什么也没有。

是否有任何其他步骤可以以这种方式重建 PNG 文件？

根据同一个文件，原来的url是http://i.stack.imgur.com/XDJKz.png，图片应该是

4

2 回答 2

3

该text部分是用Base64编码的图像数据。

如果您只想在浏览器中查看它，而不是使用 Alexander O'Mara 显示的方法将其实际转换为 png 文件，则可以复制text并使用数据 URI 方案，如下所示：

<html><head><title></title></head>
<body>
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAMAAAAs2N9uAAAAwFBMVEUAAAD//vn/6qj/8cX/4nv/4Gj/3Fb/2Ub/+/H/+OP/5oz0nnjxg1DthDn9wxf+zA3/ywL+yAn/89LoYkjiUzzeWif+7sj8yWvaQS7wtpj9ylf1uSr/1Tj+zjz+yUn90Ibrdz/9viT+2WL/0yz8v1bTMR7mehLEuVhUruWdsJv1rQjnwStiuOtlx/9Vwv9Jvv9uyv//0Rn/7riEv8o/u/+zuXhZtetnrMs9wf9x0f9SuPib2vnM7f/y+v/4z3h61P9T93Q2AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAEgAAABIAEbJaz4AAADjSURBVBjTLdDtcoIwEEBRDAmB1AYiWlCCLVBE/EgUsRW18v5v1Q26P8/c3ZnEsqwRQjYmDqXUca3neAy/jd+5HwTCHmDkTfA4DKczAcQ+TIcYi0Cm8XxixgNiGC+A4jiRMl0uPg0RQr9AZrDHsyR6kpOHEBVFmi6/TUUkLei8XEFUrdd1DeQU1HdQuQnEdrdX+gBEj9Jv8lIIkZxeRChpkL8RnGcnpVpDDUK5qHZnntQ/Srd7c+so4crhXP0qpfSlA3JtxOHK9Qqgb/e/4ZV2ltWm0O3l/voJ9xE9bn3fd103NP/JehnXpgX3BAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxMi0wMy0xNFQxNTo0MTo0OS0wNTowMIuGhf0AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTAtMTItMjJUMTM6NDI6NDctMDY6MDBvXc3SAAAAAElFTkSuQmCC" alt="">
</body>
</html>

于 2014-11-05T19:47:39.713 回答
1

该text字符串是经过Base64编码的图像。如果您将字符串的内容放在这样的文本文件中。

文本.txt

iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAMAAAAs2N9uAAAAwFBMVEUAAAD//vn/6qj/8cX/4nv/4Gj/3Fb/2Ub/+/H/+OP/5oz0nnjxg1DthDn9wxf+zA3/ywL+yAn/89LoYkjiUzzeWif+7sj8yWvaQS7wtpj9ylf1uSr/1Tj+zjz+yUn90Ibrdz/9viT+2WL/0yz8v1bTMR7mehLEuVhUruWdsJv1rQjnwStiuOtlx/9Vwv9Jvv9uyv//0Rn/7riEv8o/u/+zuXhZtetnrMs9wf9x0f9SuPib2vnM7f/y+v/4z3h61P9T93Q2AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAEgAAABIAEbJaz4AAADjSURBVBjTLdDtcoIwEEBRDAmB1AYiWlCCLVBE/EgUsRW18v5v1Q26P8/c3ZnEsqwRQjYmDqXUca3neAy/jd+5HwTCHmDkTfA4DKczAcQ+TIcYi0Cm8XxixgNiGC+A4jiRMl0uPg0RQr9AZrDHsyR6kpOHEBVFmi6/TUUkLei8XEFUrdd1DeQU1HdQuQnEdrdX+gBEj9Jv8lIIkZxeRChpkL8RnGcnpVpDDUK5qHZnntQ/Srd7c+so4crhXP0qpfSlA3JtxOHK9Qqgb/e/4ZV2ltWm0O3l/voJ9xE9bn3fd103NP/JehnXpgX3BAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxMi0wMy0xNFQxNTo0MTo0OS0wNTowMIuGhf0AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTAtMTItMjJUMTM6NDI6NDctMDY6MDBvXc3SAAAAAElFTkSuQmCC

您可以像这样从命令行对其进行解码。

base64 -D text.txt > decoded.png

解码的 PNG 与您链接到的 PNG 相同。

于 2014-11-05T19:41:37.523 回答