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的yield和generator
Mar 10 Python
详解Swift中属性的声明与作用
Jun 30 Python
浅谈编码,解码,乱码的问题
Dec 30 Python
Python中.py文件打包成exe可执行文件详解
Mar 22 Python
python数字图像处理之高级形态学处理
Apr 27 Python
Python:二维列表下标互换方式(矩阵转置)
Dec 02 Python
python爬虫模拟浏览器访问-User-Agent过程解析
Dec 28 Python
python爬取本站电子书信息并入库的实现代码
Jan 20 Python
python GUI编程(Tkinter) 创建子窗口及在窗口上用图片绘图实例
Mar 04 Python
Python描述符descriptor使用原理解析
Mar 21 Python
python绘图pyecharts+pandas的使用详解
Dec 13 Python
pytorch实现加载保存查看checkpoint文件
Jul 15 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
香妃
2021/03/03 冲泡冲煮
PHP5 面向对象(学习记录)
2009/12/02 PHP
探讨:php中在foreach中使用foreach ($arr as &amp;$value) 这种类型的解释
2013/06/24 PHP
CURL状态码列表(详细)
2013/06/27 PHP
PHP积分兑换接口实例
2015/02/09 PHP
javascript 点击整页变灰的效果(可做退出效果)。
2008/01/09 Javascript
让任务管理器中的CPU跳舞的js代码
2008/11/01 Javascript
谷歌浏览器 insertCell与appendChild的区别
2009/02/12 Javascript
对 lightbox JS 图片控件进行了一下改造, 使其他支持复杂的图片说明
2010/03/20 Javascript
javascript开发随笔一 preventDefault的必要
2011/11/25 Javascript
JQuery中dataGrid设置行的高度示例代码
2014/01/03 Javascript
jQuery实现固定在网页顶部的菜单效果代码
2015/09/02 Javascript
js图片卷帘门导航菜单特效代码分享
2015/09/10 Javascript
vue之数据交互实例代码
2017/06/16 Javascript
Bootstrap datepicker日期选择器插件使用详解
2017/07/26 Javascript
Electron + vue 打包桌面操作流程详解
2019/06/24 Javascript
Electron 调用命令行(cmd)
2019/09/23 Javascript
Python实现端口复用实例代码
2014/07/03 Python
python元组操作实例解析
2014/09/23 Python
Python实用日期时间处理方法汇总
2015/05/09 Python
python实现线程池的方法
2015/06/30 Python
10 行Python 代码实现 AI 目标检测技术【推荐】
2019/06/14 Python
python全栈知识点总结
2019/07/01 Python
如何获取Python简单for循环索引
2019/11/21 Python
python学生信息管理系统实现代码
2019/12/17 Python
python GUI库图形界面开发之pyinstaller打包python程序为exe安装文件
2020/02/26 Python
西班牙第一的网上药房:PromoFarma.com
2017/04/17 全球购物
您附近的水疗和健康场所:Spafinder(美国)
2019/07/05 全球购物
生物化工工艺专业应届生求职信
2013/10/08 职场文书
上班上网检讨书
2014/01/29 职场文书
餐饮部总监岗位职责范文
2014/02/13 职场文书
关于环保的建议书
2014/05/12 职场文书
部队反四风对照检查材料
2014/09/26 职场文书
2014幼儿园小班工作总结
2014/11/10 职场文书
2014年仓库工作总结
2014/11/20 职场文书
公务员岗前培训心得体会
2016/01/08 职场文书