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 相关文章推荐
web.py在模板中输出美元符号的方法
Aug 26 Python
关于Django外键赋值问题详解
Aug 13 Python
Python实现PS滤镜中马赛克效果示例
Jan 20 Python
使用Python对微信好友进行数据分析
Jun 27 Python
python使用ddt过程中遇到的问题及解决方案【推荐】
Oct 29 Python
对python中GUI,Label和Button的实例详解
Jun 27 Python
Django框架 Pagination分页实现代码实例
Sep 04 Python
关于numpy中eye和identity的区别详解
Nov 29 Python
python装饰器相当于函数的调用方式
Dec 27 Python
python读取ini配置的类封装代码实例
Jan 08 Python
浅谈Pycharm最有必要改的几个默认设置项
Feb 14 Python
python 邮件检测工具mmpi的使用
Jan 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
某大型网络公司应聘时的笔试题目附答案
2008/03/27 PHP
PHP生成网页快照 不用COM不用扩展.
2010/02/11 PHP
如何在Ubuntu下启动Apache的Rewrite功能
2013/07/05 PHP
ThinkPHP3.1的Widget新用法
2014/06/19 PHP
php实现的pdo公共类定义与用法示例
2017/07/19 PHP
javascript实现tabs选项卡切换效果(自写原生js)
2013/03/19 Javascript
鼠标左键单击冲突的问题解决方法(防止冒泡)
2014/05/14 Javascript
javascript设计模式--策略模式之输入验证
2015/11/27 Javascript
基于jQuery实现鼠标点击导航菜单水波动画效果附源码下载
2016/01/06 Javascript
jQuery实现的简单在线计算器功能
2017/05/11 jQuery
javascript实现电脑和手机版样式切换
2017/11/10 Javascript
VUE DOM加载后执行自定义事件的方法
2018/09/07 Javascript
详解js删除数组中的指定元素
2018/10/31 Javascript
防止Layui form表单重复提交的实现方法
2019/09/10 Javascript
layui表格数据复选框回显设置方法
2019/09/13 Javascript
[59:30]完美世界DOTA2联赛PWL S3 access vs LBZS 第二场 12.20
2020/12/23 DOTA
跟老齐学Python之玩转字符串(1)
2014/09/14 Python
python正则表达式面试题解答
2020/04/28 Python
详解用python写一个抽奖程序
2019/05/10 Python
python实现将视频按帧读取到自定义目录
2019/12/10 Python
Python 实现一行输入多个数字(用空格隔开)
2020/04/29 Python
基于Python绘制美观动态圆环图、饼图
2020/06/03 Python
html5指南-6.如何创建离线web应用程序实现离线访问
2013/01/07 HTML / CSS
欧迪办公美国官网:Office Depot
2016/08/22 全球购物
荷兰多品牌网上鞋店:Stoute Schoenen
2017/08/24 全球购物
美国受信赖的教育产品供应商:Nest Learning
2018/06/14 全球购物
香港最新科技与优质家居产品购物网站:J SELECT
2018/08/21 全球购物
印度排名第一的蛋糕、鲜花和礼品送货:Winni
2019/08/02 全球购物
光荣入党自我鉴定
2014/01/22 职场文书
社会实践感言
2014/01/25 职场文书
课前三分钟演讲稿
2014/04/24 职场文书
法律专业自荐信
2014/06/03 职场文书
教师党的群众路线对照检查材料
2014/09/24 职场文书
2014年保育员工作总结
2014/12/02 职场文书
销售员自我评价
2015/03/11 职场文书
2016年五一国际劳动节活动总结
2016/04/06 职场文书