如何在Python 3.6中将字节转为带Base64编码的HTML img标签字符串？

嘿，我来帮你搞定这个问题！首先得纠正一个小误区：你其实不需要把字节图片转换成所谓“无编码的字符串”——因为base64.b64encode()直接支持字节对象作为输入，而且二进制图片数据转成普通字符串反而会踩坑（那些\xff这类非文本字节会导致编码错误）。

正确的实现步骤 #

直接用原始字节数据处理就好，下面是完整的代码示例：

import base64

# 你的原始字节图片数据
img = b'\xff\xd8\xff\xe0\x00\x10JFIF\x00'

# 1. 对字节数据进行base64编码，得到字节形式的base64结果
base64_encoded = base64.b64encode(img)
# 2. 将base64字节转成UTF-8字符串，方便拼接HTML
base64_str = base64_encoded.decode('utf-8')
# 3. 拼接成HTML img标签（注意：你的数据是JFIF格式，属于JPEG，所以用image/jpeg而不是png）
html_img_tag = f'<img src="data:image/jpeg;base64,{base64_str}" />'

print(html_img_tag)

关于你提到的raw_img的说明 #

如果你只是想得到类似'\xff\xd8\xff\xe0\x00\x10JFIF\x00'这样的转义字符串表示（只是Python对字节的字符串展示形式），可以用repr(img)[2:-1]，但绝对不能用这个字符串来做base64编码——因为它是转义后的文本，不是原始二进制数据，编码后会得到错误的结果：

# 仅用于展示转义字符串，不能用于编码
raw_img_repr = repr(img)[2:-1]
print(raw_img_repr)  # 输出 '\xff\xd8\xff\xe0\x00\x10JFIF\x00'

# 错误示例：用转义字符串编码会得到不正确的base64结果
wrong_base64 = base64.b64encode(raw_img_repr.encode()).decode()

关键提醒 #

你的字节数据开头是JFIF，这是JPEG图片的标识，所以data URI里要写data:image/jpeg而不是data:image/png，否则浏览器可能无法正确解析图片。

内容的提问来源于stack exchange，提问作者slaw