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网络编程学习笔记(三):socket网络服务器
Jun 09 Python
Python中处理unchecked未捕获异常实例
Jan 17 Python
听歌识曲--用python实现一个音乐检索器的功能
Nov 15 Python
浅谈Python peewee 使用经验
Oct 20 Python
python sys,os,time模块的使用(包括时间格式的各种转换)
Apr 27 Python
对python中两种列表元素去重函数性能的比较方法
Jun 29 Python
python中ASCII码字符与int之间的转换方法
Jul 09 Python
python安装twisted的问题解析
Aug 21 Python
Python字符串的常见操作实例小结
Apr 08 Python
Python Pandas数据结构简单介绍
Jul 03 Python
如何利用Python模拟GitHub登录详解
Jul 15 Python
python实现126邮箱发送邮件
May 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+FCKeditor新闻系统)
2007/01/02 PHP
php下网站防IP攻击代码,超级实用
2010/10/24 PHP
php URL跳转代码 减少外链
2011/06/25 PHP
php实现文件下载代码分享
2014/08/19 PHP
浅谈php冒泡排序
2014/12/30 PHP
php in_array() 检查数组中是否存在某个值详解
2016/11/23 PHP
PHP中list方法用法示例
2016/12/01 PHP
prettify 代码高亮着色器google出品
2010/12/28 Javascript
js 获取、清空input type=&quot;file&quot;的值示例代码
2014/02/19 Javascript
js 动态修改css文件用到了cssRule
2014/08/20 Javascript
jquery控制显示服务器生成的图片流
2015/08/04 Javascript
Jquery日历插件制作简单日历
2015/10/28 Javascript
字符串反转_JavaScript
2016/04/28 Javascript
微信小程序 天气预报开发实例代码源码
2017/01/20 Javascript
jQuery插件HighCharts实现的2D条状图效果示例【附demo源码下载】
2017/03/15 Javascript
vue2 router 动态传参,多个参数的实例
2017/11/10 Javascript
[02:37]TI8勇士令状不朽珍藏II视频展示
2018/06/23 DOTA
[01:06:54]DOTA2-DPC中国联赛 正赛 SAG vs DLG BO3 第二场 2月28日
2021/03/11 DOTA
Windows下PyMongo下载及安装教程
2015/04/27 Python
Python的Flask框架中SQLAlchemy使用时的乱码问题解决
2015/11/07 Python
Python使用Dijkstra算法实现求解图中最短路径距离问题详解
2018/05/16 Python
windows下pycharm安装、创建文件、配置默认模板
2018/07/31 Python
Python编写合并字典并实现敏感目录的小脚本
2019/02/26 Python
Python求平面内点到直线距离的实现
2020/01/19 Python
解决Python3.8用pip安装turtle-0.0.2出现错误问题
2020/02/11 Python
python实现将range()函数生成的数字存储在一个列表中
2020/04/02 Python
python使用nibabel和sitk读取保存nii.gz文件实例
2020/07/01 Python
详解pycharm2020.1.1专业版安装指南(推荐)
2020/08/07 Python
html5+css3气泡组件的实现
2014/11/21 HTML / CSS
GNC健安喜美国官网:美国第一营养品牌
2016/07/22 全球购物
幼儿园教师辞职信
2014/01/18 职场文书
楼面部长岗位职责范本
2014/02/14 职场文书
2014年英语教师工作总结
2014/12/03 职场文书
继承权公证书范本
2015/01/23 职场文书
jquery插件实现代码雨特效
2021/04/24 jQuery
html css3不拉伸图片显示效果
2021/06/07 HTML / CSS