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之坑爹的字符编码
Sep 28 Python
Python获取当前页面内所有链接的四种方法对比分析
Aug 19 Python
Python机器学习之决策树算法实例详解
Dec 06 Python
pandas 使用apply同时处理两列数据的方法
Apr 20 Python
python实现从文件中读取数据并绘制成 x y 轴图形的方法
Oct 14 Python
对Python实现累加函数的方法详解
Jan 23 Python
解决Tensorflow 使用时cpu编译不支持警告的问题
Feb 03 Python
Python数据正态性检验实现过程
Apr 18 Python
python属于软件吗
Jun 18 Python
python和js交互调用的方法
Jun 23 Python
Django多数据库联用实现方法解析
Nov 12 Python
如何设置PyCharm中的Python代码模版(推荐)
Nov 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
PHP多维数组遍历方法(2种实现方法)
2015/12/10 PHP
PHP实现负载均衡下的session共用功能
2018/04/17 PHP
PHP获取文件扩展名的常用方法小结【五种方式】
2018/04/27 PHP
Laravel框架分页实现方法分析
2018/06/12 PHP
js 页面传参数时 参数值含特殊字符的问题
2009/12/13 Javascript
jQuery的一些特性和用法整理小结
2010/01/13 Javascript
Json2Template.js 基于jquery的插件 绑定JavaScript对象到Html模板中
2011/10/29 Javascript
JS 实现Json查询的方法实例
2013/04/12 Javascript
jquery入门必备的基本认识及实例(整理)
2013/06/24 Javascript
javascript验证上传文件的类型限制必须为某些格式
2013/11/14 Javascript
图片放大镜jquery.jqzoom.js使用实例附放大镜图标
2014/06/19 Javascript
jQuery+PHP打造滑动开关效果
2014/12/16 Javascript
Nodejs中调用系统命令、Shell脚本和Python脚本的方法和实例
2015/01/01 NodeJs
JavaScript中return false的用法
2015/03/12 Javascript
JavaScript中的toLocaleLowerCase()方法使用详解
2015/06/06 Javascript
使用JQuery FancyBox插件实现图片展示特效
2015/11/16 Javascript
jquery实现自适应banner焦点图
2017/02/16 Javascript
利用JavaScript如何查询某个值是否数组内
2017/07/30 Javascript
最通俗易懂的javascript变量提升详解
2017/08/05 Javascript
jQuery Ajax向服务端传递数组参数值的实例代码
2017/09/03 jQuery
vue-router实现组件间的跳转(参数传递)
2017/11/07 Javascript
bootstrap 通过加减按钮实现输入框组功能
2017/11/15 Javascript
Node中使用ES6语法的基础教程
2018/01/05 Javascript
vue组件实现移动端九宫格转盘抽奖
2020/10/16 Javascript
原生JavaScript实现轮播图
2021/01/10 Javascript
Python 中迭代器与生成器实例详解
2017/03/29 Python
详解Python正则表达式re模块
2019/03/19 Python
解决Python import docx出错DLL load failed的问题
2020/02/13 Python
优秀求职自荐信怎样写
2013/12/18 职场文书
学生个人自我鉴定范文
2014/03/28 职场文书
幼儿园校园小喇叭广播稿
2014/10/17 职场文书
2014年大学班长工作总结
2014/11/14 职场文书
2014年园林绿化工作总结
2014/12/11 职场文书
人事主管岗位职责
2015/02/04 职场文书
Python基础详解之邮件处理
2021/04/28 Python
MySQL系列之四 SQL语法
2021/07/02 MySQL