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的绘图工具matplotlib使用实例
Jul 03 Python
Python Requests 基础入门
Apr 07 Python
Python中的浮点数原理与运算分析
Oct 12 Python
Python实现可获取网易页面所有文本信息的网易网络爬虫功能示例
Jan 15 Python
在Django的View中使用asyncio的方法
Jul 12 Python
tensorflow之并行读入数据详解
Feb 05 Python
Django实现将一个字典传到前端显示出来
Apr 03 Python
python函数map()和partial()的知识点总结
May 26 Python
python 读取.nii格式图像实例
Jul 01 Python
python爬虫scrapy框架之增量式爬虫的示例代码
Feb 26 Python
教你如何使用Python实现二叉树结构及三种遍历
Jun 18 Python
OpenCV项目实践之停车场车位实时检测
Apr 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 时间转换Unix时间戳代码
2010/01/22 PHP
php 修改、增加xml结点属性的实现代码
2013/10/22 PHP
destoon实现首页显示供应、企业、资讯条数的方法
2014/07/15 PHP
PHP实现的简单缓存类
2015/07/29 PHP
Yii2.0多文件上传实例说明
2017/07/24 PHP
ThinkPHP5 的简单搭建和使用详解
2018/11/15 PHP
PHP的new static和new self的区别与使用
2019/11/27 PHP
Gird事件机制初级读本
2007/03/10 Javascript
JavaScript prototype对象的属性说明
2010/03/13 Javascript
JQuery限制复选框checkbox可选中个数的方法
2015/04/20 Javascript
浅析四种常见的Javascript声明循环变量的书写方式
2015/10/14 Javascript
Bootstrap基本组件学习笔记之进度条(15)
2016/12/08 Javascript
全面总结Javascript对数组对象的各种操作
2017/01/22 Javascript
underscore之Collections_动力节点Java学院整理
2017/07/10 Javascript
nodejs开发微信小程序实现密码加密
2017/07/11 NodeJs
vue实现组件之间传值功能示例
2018/07/13 Javascript
用Cordova打包Vue项目的方法步骤
2019/02/02 Javascript
微信小程序实现左滑动删除效果
2020/03/30 Javascript
[01:07:46]完美世界DOTA2联赛循环赛 Magma vs IO BO2第二场 11.01
2020/11/02 DOTA
haskell实现多线程服务器实例代码
2013/11/26 Python
python itchat实现微信自动回复的示例代码
2017/08/14 Python
python实现全盘扫描搜索功能的方法
2019/02/14 Python
python程序运行进程、使用时间、剩余时间显示功能的实现代码
2019/07/11 Python
详解Python3迁移接口变化采坑记
2019/10/11 Python
Python CSV文件模块的使用案例分析
2019/12/21 Python
python实现简单俄罗斯方块
2020/03/13 Python
Python pymsql模块的使用
2020/09/07 Python
简单总结CSS3中视窗单位Viewport的常见用法
2016/02/04 HTML / CSS
Champion澳大利亚官网:美国冠军运动服装
2018/05/07 全球购物
英国Office鞋店德国网站:在线购买鞋子、靴子和运动鞋
2018/12/19 全球购物
法学专业自我鉴定
2014/02/05 职场文书
民族学专业大学生职业规划范文:清晰未来的构想
2014/09/20 职场文书
机关单位2016年法制宣传日活动总结
2016/04/01 职场文书
党风廉政建设心得体会
2019/05/21 职场文书
Python爬虫基础之简单说一下scrapy的框架结构
2021/06/26 Python
浅谈Redis中的RDB快照
2021/06/29 Redis