python flask将读取的图片返回给web前端

最新推荐文章于 2024-02-26 22:06:05 发布

居贝比

最新推荐文章于 2024-02-26 22:06:05 发布

阅读量1.3w

点赞数 57

分类专栏： python 计算机视觉前端文章标签：区块链分布式 stm32

本文链接：https://blog.csdn.net/xyy731121463/article/details/107123635

版权

python 同时被 3 个专栏收录

17 篇文章 3 订阅

订阅专栏

前端

6 篇文章 0 订阅

订阅专栏

计算机视觉

3 篇文章 0 订阅

订阅专栏

网上找到的python代码（核心部分）：

def return_img_stream(img_local_path):
    """
    工具函数:
    获取本地图片流
    :param img_local_path:文件单张图片的本地绝对路径
    :return: 图片流
    """
    import base64
    img_stream = ''
    with open(img_local_path, 'r') as img_f:
        img_stream = img_f.read()
        img_stream = base64.b64encode(img_stream)
    return img_stream
 
@app.route('/')
def hello_world():
    img_path = '/home/hogan/Googlelogo.png'
    img_stream = return_img_stream(img_path)
    return render_template('index.html',
                           img_stream=img_stream)

html 部分

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Flask Show Image</title>
</head>
<body>
    <img style="width:180px" src="data:;base64,{{ img_stream }}">
</body>
</html>

运行后发现，图片显示有问题
网页一直是这个样子：
在这里插入图片描述
原因找了好久，其中

open(img_local_path, 'r')

要将’r’改为’rb’
然后最关键的是：
将这句后加上.decode()

img_stream = base64.b64encode(img_stream).decode()

就可以正常显示图片了
在这里插入图片描述
参考博客：
python str与bytes之间的转换
 python的flask框架实现将python绘制的图像显示到web页面
 python Flask中返回图片流给前端展示

居贝比

关注

57
点赞
踩
128

收藏

觉得还不错? 一键收藏
打赏
26
评论
python flask将读取的图片返回给web前端

网上找到的python代码（核心部分）：def return_img_stream(img_local_path): """ 工具函数: 获取本地图片流 :param img_local_path:文件单张图片的本地绝对路径 :return: 图片流 """ import base64 img_stream = '' with open(img_local_path, 'r') as img_f: img_stream
复制链接

扫一扫