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

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

def return_img_stream(img_local_path):"""工具函数:获取本地图片流:param img_local_path:文件单张图片的本地绝对路径:return: 图片流"""import base64img_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中返回图片流给前端展示

python flask将读取的图片返回给web前端相关推荐

python Flask框架如何请求及返回数据——flask详细教程
python Flask框架如何请求及返回数据--flask详细教程文章目录: 1 Flask介绍 1.1 Flask简单介绍 1.2 Flask相关资料信息 2 Flask快速入门 2.1 Fla ...
python的image读取的图片是什么类型的-python如何实现读取并显示图片（不需要图形界面）...
在 python 中除了用 opencv,也可以用 matplotlib 和 PIL 这两个库操作图片.本人偏爱 matpoltlib,因为它的语法更像 matlab. 一.matplotlib 1 ...
python读hadoop_python读取hdfs并返回dataframe教程
不多说,直接上代码 from hdfs import Client import pandas as pd HDFSHOST = "http://xxx:50070" FILENA ...
php web裁剪图片上传,WEB前端实现裁剪上传图片功能
最后的效果如下: 这里面有几个功能,第一个是支持拖拽,第二个压缩,第三个是裁剪编辑,第四个是上传和上传进度显示,下面依次介绍每个功能的实现: 1. 拖拽显示图片拖拽读取的功能主要是要兼听html5的 ...
python的image读取的图片是什么类型的-opencv python 读取图像/显示图像/保存图像...
以前也用过opencv, 不过都是按需使用, 掌握的知识很零散, 这次希望能够系统学习opencv-python 本文直接从Gui Features开始. 1 读取图片使用cv2.imread()函 ...
在python中如何读取批量图片_Python批量处理图片
1.Pillow库介绍 Pillow是Python里的图像处理库,提供了了广泛的文件格式支持,强大的图像处理能力,主要包括图像储存.图像显示.格式转换以及基本的图像处理操作等: 安装 pip inst ...
Nodejs koa2读取服务器图片返回给前端直接展示
项目目录结构 Project ├── app.js 程序文件 ├── images 图片目录 │ ├── default.png 默认图片 │ ├── xxxxxxx.png 其他图片 │ └── y ...
css 设置表格右边有图片_20个web前端HTML5初学者实用CSS代码技巧
在本文中,我们想与您分享一个由各大CSS网站总结推荐的20个有用的规则和实践经验集合.有一些是面向CSS初学者的,有一些知识点是进阶型的.希望每个人通过这篇文章都能学到对自己有用的知识. 1.注意外边 ...
html取消图片选中效果,web前端：取消a标签在移动端点击时的背景颜色
背景(background)属性定义元素的背景效果元素的背景区包括前景之下直到边框边界的所有空间.因此,内容框与内边距都是元素背景的一部分,且边框画在背景上.css允许应用纯色作为背景,也允许使用背景 ...
图片标签 [HTML][web前端]
图片标签图片标签的作用就是向当前页面中引入一个外部图片通过img标签来引入外部图片 img标签是一个自结束标签(自闭和标签) img标签中的src属性用于指定图片的路径(路径的规则和超链接的规则是 ...

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

python flask将读取的图片返回给web前端相关推荐

最新文章

热门文章