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抓取网页中图片并保存到本地
Dec 01 Python
Python模块包中__init__.py文件功能分析
Jun 14 Python
Python iter()函数用法实例分析
Mar 17 Python
查看TensorFlow checkpoint文件中的变量名和对应值方法
Jun 14 Python
flask入门之表单的实现
Jul 18 Python
解决python 自动安装缺少模块的问题
Oct 22 Python
对Pandas DataFrame缺失值的查找与填充示例讲解
Nov 06 Python
python实现基于朴素贝叶斯的垃圾分类算法
Jul 09 Python
Python中list循环遍历删除数据的正确方法
Sep 02 Python
python飞机大战pygame游戏框架搭建操作详解
Dec 17 Python
python enumerate内置函数用法总结
Jan 07 Python
Python3 读取Word文件方式
Feb 13 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中变量及部分适用方法
2008/03/27 PHP
解析在PHP中使用全局变量的几种方法
2013/06/24 PHP
php中eval函数的危害与正确禁用方法
2014/06/30 PHP
php实现简单的MVC框架实例
2015/09/23 PHP
可兼容IE的获取及设置cookie的jquery.cookie函数方法
2013/09/02 Javascript
JavaScript表单通过正则表达式验证电话号码
2014/03/14 Javascript
JavaScript二维数组实现的省市联动菜单
2014/05/08 Javascript
JavaScript使用concat连接数组的方法
2015/04/06 Javascript
JavaScript使用addEventListener添加事件监听用法实例
2015/06/01 Javascript
JS实现浏览器状态栏文字从右向左弹出效果代码
2015/10/27 Javascript
使用vue.js写一个tab选项卡效果
2017/03/25 Javascript
JS中的数组转变成JSON格式字符串的方法
2017/05/09 Javascript
看看“疫苗查询”小程序有温度的代码
2018/07/31 Javascript
jQuery插件实现的日历功能示例【附源码下载】
2018/09/07 jQuery
Vue组件通信的几种实现方法
2019/04/25 Javascript
p5.js绘制创意自画像
2019/11/04 Javascript
javascript实现简单搜索功能
2020/03/26 Javascript
js实现限定区域范围拖拉拽效果
2020/11/20 Javascript
Python最基本的数据类型以及对元组的介绍
2015/04/14 Python
python密码错误三次锁定(实例讲解)
2017/11/14 Python
pyqt5的QComboBox 使用模板的具体方法
2018/09/06 Python
使用python绘制二元函数图像的实例
2019/02/12 Python
Python递归调用实现数字累加的代码
2020/02/25 Python
Python命名空间namespace及作用域原理解析
2020/06/05 Python
python 多线程中join()的作用
2020/10/29 Python
美国指甲油品牌:Deco Miami
2017/01/30 全球购物
澳大利亚领先的亚麻品牌:Bed Threads
2019/12/16 全球购物
马来西亚网上花店:FlowerAdvisor马来西亚
2020/01/03 全球购物
西班牙在线光学:Visual-Click
2020/06/22 全球购物
优秀学生评语大全
2014/04/25 职场文书
2014国庆节标语口号
2014/09/19 职场文书
2014单位领导班子四风对照检查材料思想汇报
2014/09/25 职场文书
小鞋子观后感
2015/06/05 职场文书
python 自动化偷懒的四个实用操作
2021/04/11 Python
聊聊基于pytorch实现Resnet对本地数据集的训练问题
2022/03/25 Python
直播实况, OMG破敌三路五十分钟大战神技局摩托车
2022/04/01 DOTA