最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
python实现Flask中返回图片流给前端展示代码示例
时间:2020-01-09 编辑:袖梨 来源:一聚教程网
本篇文章小编给大家分享一下python实现Flask中返回图片流给前端展示代码示例,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看。
场景需求:需要在Flask服务器的本地找一张图片返回给前端展示出来。
问题疑点:通常前端的标签只会接受url的形式来展示图片,没试过在返回服务器本地的一张图片给前端。
项目目录:
dyy_project
|
|----static (新建flask项目时自动建的,没有任何文件)
|----templates
|-----index.html (前端页面)
|----dyy_project.py (flask项目启动文件)
文件内容:dyy_project.py
#!/usr/bin/env python # coding=utf-8 from flask import Flask from flask import render_template app = Flask(__name__) """ 这是一个展示Flask如何读取服务器本地图片, 并返回图片流给前端显示的例子 """ 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) if __name__ == '__main__': app.run(debug=True, port=8080)
文件内容:index.html
Flask Show Image
注意:在img标签中的src一定要按照 data:;base64,{{img_stream}} 的形式添加,否则显示不出图片。
然后启动你的Flask程序,访问http://127.0.0.1:8080 你就可以看到你的图片了。
-
下一个: Django密码存储策略代码解析
相关文章
- Golang ProtoBuf的基本语法详解 10-20
- Python识别MySQL中的冗余索引解析 10-20
- Python+Pygame绘制小球代码展示 10-18
- Python中的数据精度问题介绍 10-18
- Python随机值生成的常用方法介绍 10-18
- python3解压缩.gz文件分析 09-27