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实现博客文章爬虫示例
Feb 26 Python
python在windows下实现ping操作并接收返回信息的方法
Mar 20 Python
简单介绍Ruby中的CGI编程
Apr 10 Python
Python类的用法实例浅析
May 27 Python
Python工程师面试题 与Python Web相关
Jan 14 Python
详解Django rest_framework实现RESTful API
May 24 Python
python dataframe常见操作方法:实现取行、列、切片、统计特征值
Jun 09 Python
Python获取时间范围内日期列表和周列表的函数
Aug 05 Python
PyCharm+Pipenv虚拟环境开发和依赖管理的教程详解
Apr 16 Python
Django Session和Cookie分别实现记住用户登录状态操作
Jul 02 Python
python源文件的字符编码知识点详解
Mar 04 Python
Python趣味实战之手把手教你实现举牌小人生成器
Jun 07 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
实测在class的function中include的文件中非php的global全局环境
2013/07/15 PHP
Codeigniter检测表单post数据的方法
2015/03/21 PHP
全面了解PHP中的全局变量
2016/06/17 PHP
如何让页面在打开时自动刷新一次让图片全部显示
2012/12/17 Javascript
解决jquery插件冲突的问题
2014/01/23 Javascript
仿百度联盟对联广告实现代码
2014/08/30 Javascript
JavaScript中property和attribute的区别详细介绍
2015/03/03 Javascript
jquery实现平滑的二级下拉菜单效果
2015/08/26 Javascript
jquery实现具有嵌套功能的选项卡
2016/02/12 Javascript
javascript原型继承工作原理和实例详解
2016/04/07 Javascript
jquery 多个radio的click事件实例
2016/12/03 Javascript
原生js仿浏览器滚动条效果
2017/03/02 Javascript
Vue CLI3 开启gzip压缩文件的方式
2018/09/30 Javascript
深入理解js A*寻路算法原理与具体实现过程
2018/12/13 Javascript
js中数组常用方法总结(推荐)
2019/04/09 Javascript
Layui动态生成select下拉选择框不显示的解决方法
2019/09/24 Javascript
微信小程序跨页面传递data数据方法解析
2019/12/13 Javascript
原生js实现点击轮播切换图片
2020/02/11 Javascript
[57:22]2018DOTA2亚洲邀请赛 4.7总决赛 LGD vs Mineski 第五场
2018/04/10 DOTA
Python实现接受任意个数参数的函数方法
2018/04/21 Python
python微信聊天机器人改进版(定时或触发抓取天气预报、励志语录等,向好友推送)
2019/04/25 Python
如何利用Python开发一个简单的猜数字游戏
2019/09/22 Python
python [:3] 实现提取数组中的数
2019/11/27 Python
python实现简单坦克大战
2020/03/27 Python
解决python多线程报错:AttributeError: Can't pickle local object问题
2020/04/08 Python
Jupyter Notebook 实现正常显示中文和负号
2020/04/24 Python
泰国演唱会订票网站:StubHub泰国
2018/02/26 全球购物
土木工程应届生求职信
2013/10/31 职场文书
党员培训思想汇报
2014/01/07 职场文书
社会学专业学生职业规划书
2014/02/07 职场文书
总经理检讨书
2014/09/15 职场文书
学术会议通知
2015/04/15 职场文书
黄埔军校观后感
2015/06/10 职场文书
python必学知识之文件操作(建议收藏)
2021/05/30 Python
Python捕获、播放和保存摄像头视频并提高视频清晰度和对比度
2022/04/14 Python
Go语言编译原理之变量捕获
2022/08/05 Golang