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实现文件信息进行合并实例代码
Jan 17 Python
python3模块smtplib实现发送邮件功能
May 22 Python
在python里从协程返回一个值的示例
Feb 19 Python
python下载微信公众号相关文章
Feb 26 Python
使用python对多个txt文件中的数据进行筛选的方法
Jul 10 Python
django 单表操作实例详解
Jul 30 Python
Linux下升级安装python3.8并配置pip及yum的教程
Jan 02 Python
利用Python自动化操作AutoCAD的实现
Apr 01 Python
tensorflow转换ckpt为savermodel模型的实现
May 25 Python
Python如何急速下载第三方库详解
Nov 02 Python
一个入门级python爬虫教程详解
Jan 27 Python
python_tkinter事件类型详情
Mar 20 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
smarty的保留变量问题
2008/10/23 PHP
phpexcel导入excel数据使用方法实例
2013/12/24 PHP
php截取字符串函数substr,iconv_substr,mb_substr示例以及优劣分析
2014/06/10 PHP
PHP中Enum(枚举)用法实例详解
2015/12/07 PHP
PHP机器学习库php-ml的简单测试和使用方法
2017/07/14 PHP
不常用但很实用的PHP预定义变量分析
2019/06/25 PHP
javascript的对话框详解与参数
2007/03/08 Javascript
学习YUI.Ext 第六天--关于树TreePanel(Part 1)
2007/03/10 Javascript
javascript 操作cookies及正确使用cookies的属性
2009/10/15 Javascript
JQuery 图片的展开和伸缩实例讲解
2013/04/18 Javascript
Express.JS使用详解
2014/07/17 Javascript
jQuery模拟新浪微博首页滚动效果的方法
2015/03/11 Javascript
JS+JSP通过img标签调用实现静态页面访问次数统计的方法
2015/12/14 Javascript
AngularJS入门教程之REST和定制服务详解
2016/08/19 Javascript
使用vue.js写一个tab选项卡效果
2017/03/25 Javascript
JavaScript实现shuffle数组洗牌操作示例
2019/01/03 Javascript
深入浅出 Vue 系列 -- 数据劫持实现原理
2019/04/23 Javascript
原生js实现可兼容PC和移动端的拖动滑块功能详解【测试可用】
2019/08/15 Javascript
在vue和element-ui的table中实现分页复选功能
2019/12/04 Javascript
el-form 多层级表单的实现示例
2020/09/10 Javascript
浅谈Python 的枚举 Enum
2017/06/12 Python
Python基础之getpass模块详细介绍
2017/08/10 Python
python 定义给定初值或长度的list方法
2018/06/23 Python
python高阶爬虫实战分析
2018/07/29 Python
python原类、类的创建过程与方法详解
2019/07/19 Python
vue常用指令代码实例总结
2020/03/16 Python
MVMT手表官方网站:时尚又实惠的高品质手表
2016/12/04 全球购物
BrandAlley英国:法国折扣奢侈品网上零售商
2017/07/03 全球购物
介绍一下Make? 为什么使用make
2016/07/31 面试题
中西医结合临床医学专业大学生自荐信
2013/09/28 职场文书
求职个人评价范文
2014/04/09 职场文书
培训科主任岗位职责
2014/08/08 职场文书
2014年大学生社会实践自我鉴定
2014/09/26 职场文书
大学生党员批评与自我批评
2014/09/28 职场文书
签证扫盲贴,41个常见签证知识,需要的拿走
2019/08/09 职场文书
Springboot/Springcloud项目集成redis进行存取的过程解析
2021/12/04 Redis