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命名空间详解
Aug 18 Python
详解在Python中处理异常的教程
May 24 Python
深入学习Python中的装饰器使用
Jun 20 Python
Linux上安装Python的PIL和Pillow库处理图片的实例教程
Jun 23 Python
python实现折半查找和归并排序算法
Apr 14 Python
Python通过OpenCV的findContours获取轮廓并切割实例
Jan 05 Python
详解python函数传参是传值还是传引用
Jan 16 Python
python解决字符串倒序输出的问题
Jun 25 Python
Python使用itertools模块实现排列组合功能示例
Jul 02 Python
Pycharm小白级简单使用教程
Jan 08 Python
什么是python的列表推导式
May 26 Python
使用Python开发冰球小游戏
Apr 30 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
推荐几部必看的DC动画电影
2020/03/03 欧美动漫
PHP中使用数组实现堆栈数据结构的代码
2012/02/05 PHP
浅析PHP原理之变量(Variables inside PHP)
2013/08/09 PHP
JS基础之undefined与null的区别分析
2011/08/08 Javascript
Extjs显示从数据库取出时间转换JSON后的出现问题
2012/11/20 Javascript
jQuery设置div一直在页面顶部显示的方法
2013/10/24 Javascript
一款基jquery超炫的动画导航菜单可响应单击事件
2014/11/02 Javascript
javascript中call和apply的用法示例分析
2015/04/02 Javascript
纯jquery实现模仿淘宝购物车结算
2015/08/20 Javascript
js淡入淡出焦点图幻灯片效果代码分享
2015/09/08 Javascript
js基于面向对象实现网页TAB选项卡菜单效果代码
2015/09/09 Javascript
JS实现常见的TAB、弹出层效果(TAB标签,斑马线,遮罩层等)
2015/10/08 Javascript
JavaScript中的操作符类型转换示例总结
2016/05/30 Javascript
JS小数运算出现多为小数问题的解决方法
2016/06/02 Javascript
温故知新——JavaScript中的字符串连接问题最全总结(推荐)
2017/08/21 Javascript
基于js 各种排序方法和sort方法的区别(详解)
2018/01/03 Javascript
webpack-dev-server自动更新页面方法
2018/02/22 Javascript
浅谈Angularjs中不同类型的双向数据绑定
2018/07/16 Javascript
使用Three.js实现太阳系八大行星的自转公转示例代码
2019/04/09 Javascript
监控微信小程序中的慢HTTP请求过程详解
2019/07/05 Javascript
vue获取data数据改变前后的值方法
2019/11/07 Javascript
微信sdk实现禁止微信分享(使用原生php实现)
2019/11/15 Javascript
three.js利用卷积法如何实现物体描边效果
2019/11/27 Javascript
JS表格的动态操作完整示例
2020/01/13 Javascript
微信小程序实现电子签名功能
2020/07/29 Javascript
PyCharm的设置方法和第一个Python程序的建立
2019/01/16 Python
谈谈Python中的while循环语句
2019/03/10 Python
Python3进制之间的转换代码实例
2019/08/24 Python
python爬虫模拟浏览器的两种方法实例分析
2019/12/09 Python
Django windows使用Apache实现部署流程解析
2020/10/12 Python
ProBikeKit美国官网:自行车套件,跑步和铁人三项套件
2016/10/13 全球购物
南非最大的花卉和送礼服务:NetFlorist
2017/09/13 全球购物
LORAC官网:美国彩妆品牌
2019/08/27 全球购物
医院院务公开实施方案
2014/05/03 职场文书
计划生育诚信协议书
2014/11/02 职场文书
Lakehouse数据湖并发控制陷阱分析
2022/03/31 Oracle