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实现颜色色值转换的小工具
Oct 27 Python
老生常谈Python序列化和反序列化
Jun 28 Python
使用python实现接口的方法
Jul 07 Python
Python实现按学生年龄排序的实际问题详解
Aug 29 Python
运行django项目指定IP和端口的方法
May 14 Python
python实现雨滴下落到地面效果
Jun 21 Python
python中int与str互转方法
Jul 02 Python
python 3.7.0 安装配置方法图文教程
Aug 27 Python
python Elasticsearch索引建立和数据的上传详解
Aug 04 Python
Django使用list对单个或者多个字段求values值实例
Mar 31 Python
python smtplib发送多个email联系人的实现
Oct 09 Python
解决pytorch-gpu 安装失败的记录
May 24 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 变量类型的强制转换
2009/10/23 PHP
PHP IPV6正则表达式验证代码
2010/02/16 PHP
QueryPath PHP 中的jQuery
2010/04/11 PHP
一个严格的PHP Session会话超时时间设置方法
2014/06/10 PHP
php实现最简单的MVC框架实例教程
2014/09/08 PHP
session 加入redis的实现代码
2016/07/15 PHP
IE中jscript/javascript的条件编译
2006/09/07 Javascript
JS实现切换标签页效果实例代码
2013/11/01 Javascript
使用React实现轮播效果组件示例代码
2016/09/05 Javascript
JS在浏览器中解析Base64编码图像
2017/02/09 Javascript
jquery实现折叠菜单效果【推荐】
2017/03/08 Javascript
angular.js指令中transclude选项及ng-transclude指令详解
2017/05/24 Javascript
node中的密码安全(加密)
2018/09/17 Javascript
Vue.js 使用v-cloak后仍显示变量的解决方法
2018/11/19 Javascript
Vue组件通信的几种实现方法
2019/04/25 Javascript
小程序云开发之用户注册登录
2019/05/18 Javascript
详解React 元素渲染
2020/07/07 Javascript
手把手教你如何编译打包video.js
2020/12/09 Javascript
Python中使用OpenCV库来进行简单的气象学遥感影像计算
2016/02/19 Python
深入理解Python分布式爬虫原理
2017/11/23 Python
python 统计数组中元素出现次数并进行排序的实例
2018/07/02 Python
django列表筛选功能的实现代码
2020/03/27 Python
Python常驻任务实现接收外界参数代码解析
2020/07/21 Python
使用css3实现的windows8开机加载动画
2014/12/09 HTML / CSS
如何现实servlet的单线程模式
2014/08/05 面试题
竞选班干部的演讲稿
2014/04/24 职场文书
皇城相府导游词
2015/02/06 职场文书
教师辞职书范文
2015/02/26 职场文书
2015清明节祭奠英烈寄语大全
2015/03/04 职场文书
毕业论文致谢怎么写
2015/05/14 职场文书
寻找成龙观后感
2015/06/12 职场文书
张丽莉观后感
2015/06/16 职场文书
致创业您:正能量激励人心句子(48条)
2019/08/15 职场文书
导游词之南昌滕王阁
2019/11/29 职场文书
Pytorch反向传播中的细节-计算梯度时的默认累加操作
2021/06/05 Python
Python实现简单的猜单词
2021/06/15 Python