Python实现图片转Base64并在前端直接显示

Python图片转Base64实现

具体实现步骤如下所示：

# -*- coding: utf-8 -*-
 
import base64
 
with open("C:\\Users\\user\\Desktop\\20170508134213.png","rb") as f:
  # b64encode是编码，b64decode是解码
  base64_data = base64.b64encode(f.read())
  # base64.b64decode(base64data)
  print(base64_data)

运行上述代码后，控制台输出的结果如下：

由于Base64编码后的字符串长度较长，此处仅展示部分结果，完整内容未全部显示。

前端HTML直接调用Base64显示

接下来探讨在前端HTML中如何直接调用这段Base64编码数据。

在前端HTML中，可以使用img标签的src属性直接嵌入Base64数据。

<img src="data:image/jpg;base64,这里是base64的编码"/>

具体的HTML代码如下，其中src属性包含图片类型及Base64编码字符串，此处代码较长，未全部显示。

最终在浏览器中渲染显示的结果（测试使用的是博客截图）如下：

原截图文件大小为88K，经过Base64编码后存入文件的大小变为117K，体积有所增加。

以上即为Python将图片转换为Base64并实现前端显示的完整流程，希望以上内容能对大家有所帮助，欢迎参考与支持。