Python flask框架如何显示图像到web页面


Posted in Python onJune 03, 2020

代码如下

webfig1.py

from flask import Flask
from flask import render_template
import matplotlib.pyplot as plt
import io
import base64

app = Flask(__name__)

@app.route('/')
def build_plot():
  img = io.BytesIO()
  y = [1,2,3,4,5]
  x = [0,2,1,3,4]
  plt.plot(x,y)
  plt.savefig(img, format='png')
  img.seek(0)

  plot_url = base64.b64encode(img.getvalue()).decode()

  return render_template('plot.html', plot_url=plot_url)

if __name__ == '__main__':
  app.debug = True
  app.run()

plot.html

<!DOCTYPE html>
<html>
<title> Plot</title>
<body>
<img src="data:image/png;base64, {{ plot_url }}">
</body>
</html>

先用py绘制了xy的图像,然后经过几个命令,让其转化为plot_url,在传给plot.html,就可以了

Python flask框架如何显示图像到web页面

代码在github:https://github.com/qingnvsue/flask中的webfig文件夹

我自己的程序是在网页输入sin函数的幅度,频率,自变量范围等,然后绘制这个sin函数,让其显示到web页面,如图

Python flask框架如何显示图像到web页面

Python flask框架如何显示图像到web页面

代码在github:https://github.com/qingnvsue/flask中的sin文件夹

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Python 相关文章推荐
跟老齐学Python之折腾一下目录
Oct 24 Python
Python中解析JSON并同时进行自定义编码处理实例
Feb 08 Python
python简单程序读取串口信息的方法
Mar 13 Python
使用Python和Prometheus跟踪天气的使用方法
May 06 Python
通过cmd进入python的实例操作
Jun 26 Python
python 公共方法汇总解析
Sep 16 Python
windows中安装Python3.8.0的实现方法
Nov 19 Python
Python使用PyQt5/PySide2编写一个极简的音乐播放器功能
Feb 07 Python
python根据用户需求输入想爬取的内容及页数爬取图片方法详解
Aug 03 Python
python批量创建变量并赋值操作
Jun 03 Python
Python利用Turtle绘制哆啦A梦和小猪佩奇
Apr 04 Python
Python实现自动玩连连看的脚本分享
Apr 04 Python
python实现时间序列自相关图(acf)、偏自相关图(pacf)教程
Jun 03 #Python
tensorflow dataset.shuffle、dataset.batch、dataset.repeat顺序区别详解
Jun 03 #Python
利用python实现平稳时间序列的建模方式
Jun 03 #Python
Python ADF 单位根检验 如何查看结果的实现
Jun 03 #Python
基于Python快速处理PDF表格数据
Jun 03 #Python
PIL.Image.open和cv2.imread的比较与相互转换的方法
Jun 03 #Python
Python3创建Django项目的几种方法(3种)
Jun 03 #Python
You might like
php获取json数据所有的节点路径
2015/05/17 PHP
php数组合并与拆分实例分析
2015/06/12 PHP
PHP设计模式之装饰器模式实例详解
2018/02/07 PHP
JS 建立对象的方法
2007/04/21 Javascript
Javascript Tab 导航插件 (23个)
2009/06/11 Javascript
jQuery 扩展对input的一些操作方法
2009/10/30 Javascript
JS事件在IE与FF中的区别详细解析
2013/11/20 Javascript
jquery插件tooltipv顶部淡入淡出效果使用示例
2013/12/05 Javascript
js获取所有checkbox的值的简单实例
2016/05/30 Javascript
JS日期对象简单操作(获取当前年份、星期、时间)
2016/10/26 Javascript
详解自动生成博客目录案例
2016/12/09 Javascript
jquery实现轮播图效果
2017/02/13 Javascript
javascript事件的绑定基础实例讲解(34)
2017/02/14 Javascript
微信小程序 地图map实例详解
2017/06/07 Javascript
如何利用@angular/cli V6.0直接开发PWA应用详解
2018/05/06 Javascript
Vue props用法详解(小结)
2018/07/03 Javascript
vue2中引用及使用 better-scroll的方法详解
2018/11/15 Javascript
基于ssm框架实现layui分页效果
2019/07/27 Javascript
js实现一个简易计算器
2020/03/30 Javascript
Element Alert警告的具体使用方法
2020/07/27 Javascript
mapboxgl实现带箭头轨迹线的代码
2021/01/04 Javascript
[55:16]Mski vs VGJ.S Supermajor小组赛C组 BO3 第二场 6.3
2018/06/04 DOTA
[56:14]Fnatic vs OG 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
基于Python实现对PDF文件的OCR识别
2016/08/05 Python
在Python中给Nan值更改为0的方法
2018/10/30 Python
计算机二级python学习教程(1) 教大家如何学习python
2019/05/16 Python
标签和贴纸印刷:Lightning Labels
2018/03/22 全球购物
eBay瑞士购物网站:eBay.ch
2018/12/24 全球购物
戴尔新西兰官网:Dell New Zealand
2020/01/07 全球购物
揭牌仪式策划方案
2014/05/28 职场文书
社会实践的活动方案
2014/08/22 职场文书
党的群众路线教育实践活动个人整改方案
2014/10/25 职场文书
车间质检员岗位职责
2015/04/08 职场文书
2015年度个人思想工作总结
2015/04/08 职场文书
OpenCV中resize函数插值算法的实现过程(五种)
2021/06/05 Python
最新最全的手机号验证正则表达式
2022/02/24 Javascript