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的Flask框架中的Jinja2模板引擎学习教程
Jun 30 Python
Python类的动态修改的实例方法
Mar 24 Python
python 解压pkl文件的方法
Oct 25 Python
正确理解Python中if __name__ == '__main__'
Jan 24 Python
python获取微信企业号打卡数据并生成windows计划任务
Apr 30 Python
利用python在大量数据文件下删除某一行的例子
Aug 21 Python
Pytorch实现基于CharRNN的文本分类与生成示例
Jan 08 Python
Python+OpenCV实现将图像转换为二进制格式
Jan 09 Python
python对文件的操作方法汇总
Feb 28 Python
python实现mean-shift聚类算法
Jun 10 Python
python 5个实用的技巧
Sep 27 Python
解决Python保存文件名太长OSError: [Errno 36] File name too long
May 11 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数据过滤的方法
2013/10/30 PHP
PHP获取时间排除周六、周日的两个方法
2014/06/30 PHP
PHP计算一年多少个星期和每周的开始和结束日期
2014/07/01 PHP
微信自定义菜单的处理开发示例
2015/04/16 PHP
Zend Framework教程之Application和Bootstrap用法详解
2016/03/10 PHP
PHP大神的十大优良习惯
2016/09/14 PHP
PHP实现的文件操作类及文件下载功能示例
2016/12/24 PHP
PHP编程实现csv文件导入mysql数据库的方法
2017/04/29 PHP
PHP排序二叉树基本功能实现方法示例
2018/05/26 PHP
php正则表达式使用方法整理集合
2020/01/31 PHP
laravel中Redis队列监听中断的分析
2020/09/14 PHP
js判断IE6/IE7/FF的代码[XMLHttpRequest]
2011/02/16 Javascript
jQuery对表单元素的取值和赋值操作代码
2011/05/19 Javascript
删除条目时弹出的确认对话框
2014/06/05 Javascript
jquery实现在页面加载完毕后获取图片高度或宽度
2014/06/16 Javascript
总结AngularJS开发者最常犯的十个错误
2016/08/31 Javascript
socket.io学习教程之深入学习篇(三)
2017/04/29 Javascript
react-router实现跳转传值的方法示例
2017/05/27 Javascript
js Dom实现换肤效果
2017/10/21 Javascript
解决vue单页使用keep-alive页面返回不刷新的问题
2018/03/13 Javascript
微信小程序如何自定义table组件
2019/06/29 Javascript
[44:21]Ti4 循环赛第四日 附加赛NEWBEE vs LGD
2014/07/13 DOTA
[45:40]Ti4 冒泡赛第二天NEWBEE vs NaVi 1
2014/07/15 DOTA
[00:47]DOTA2荣耀之路6:天火,天火!
2018/05/30 DOTA
Python类属性的延迟计算
2016/10/22 Python
python中defaultdict的用法详解
2017/06/07 Python
wxPython实现整点报时
2019/11/18 Python
python同义词替换的实现(jieba分词)
2020/01/21 Python
pygame用blit()实现动画效果的示例代码
2020/05/28 Python
Python字典实现伪切片功能
2020/10/28 Python
CSS3+Sprite实现僵尸行走动画特效源码
2016/01/27 HTML / CSS
八年级音乐教学反思
2014/01/09 职场文书
餐饮周年庆活动方案
2014/08/14 职场文书
匿名信格式范文
2015/05/27 职场文书
信息简报范文
2015/07/21 职场文书
Win10多屏显示如何设置?Win10电脑多屏显示设置操作方法
2022/07/07 数码科技