使用Python在HTML页面中显示图像时出现问题

Question

我正在尝试使用 Python 和 Flask 在 HTML 表中显示图像，但它仍然显示“无法加载图像”图标，当我尝试在另一个选项卡中打开它时，我得到以下信息：

“数据” 链接被阻止
网页位于数据:image/png;base64,b'\xfahg\xffZX\xff[Y\xff[Y\xff[Y\xff[Y\xff[Y\xff[Y\xff[Y\xff[Y\xff[Y] \xff[Y\xff[Y\xff[Y\xff[ Y\xff[Y\xff[Y\xff[Y\xff[Y\xff[Y\xff[Y\xff[Y\xff[Y\xff[Y\xff[Y\xff[Y\xff[Y\ xff[Y\xff\\V\xe5YeoQ\x9a^P\xa3`P\...
可能会暂时关闭，或者可能已永久移动到新网址。

我的 HTML 模板中有以下内容：

<tr>
  <td>{{ puzzle["Name"] }}</td>
  <td>{{ puzzle["Type"] }}</td>
  <td>{{ puzzle["AssetsSize"] }}</td>
  <td>
    <img src="data:image/png;base64,{{ convert_image(puzzle) }}">
  </td>
</tr>

convert_image() 函数返回以下内容：

def Convert_image(data):
如果数据中有“缩略图”：
返回数据['Thumbnail'].encode("latin1")
return "Thumbnail Unavailable"

关于我做错了什么有什么提示或想法吗？

在从函数返回之前，我已经尝试过使用 base64 进行编码，但也不起作用。

Answer 1

1. 它应该是 base64 编码的。
2. 您的数据不是PNG文件。

PNG 文件以 8 字节签名 开头，应如下所示：

>>> f = open("test.png", "rb")
>>> header = f.read(8)
>>> header
b'\x89PNG\r\n\x1a\n'
>>> header.hex(" ", 1)
'89 50 4e 47 0d 0a 1a 0a'

<强>参考文献：

• 数据 URL