脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 脚本专栏 → python → Python flask框架

Python flask框架如何显示图像到web页面

 更新时间：2020年06月03日 12:03:28   作者：青女素娥  
这篇文章主要介绍了Python flask框架如何显示图像到web页面,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

代码如下

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，就可以了

代码在github:https://github.com/qingnvsue/flask中的webfig文件夹

我自己的程序是在网页输入sin函数的幅度，频率，自变量范围等，然后绘制这个sin函数，让其显示到web页面，如图

代码在github:https://github.com/qingnvsue/flask中的sin文件夹

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • 深度解析Django REST Framework 批量操作

    深度解析Django REST Framework 批量操作

    这篇文章主要介绍了深度解析Django REST Framework批量操作，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2021-05-05
  • Python图像运算之顶帽运算和底帽运算详解

    Python图像运算之顶帽运算和底帽运算详解

    数学形态学是应用于图像处理和模式识别领域的新方法。数学形态学表示以形态为基础对图像进行分析的数学工具，基本思想是用具有一定形态的结构元素去量度和提取图像中对应形状以达到对图像分析和识别的目的。本文将为大家介绍顶帽运算和底帽运算，需要的可以参考一下
    2022-07-07
  • python实现翻转棋游戏（othello）

    python实现翻转棋游戏（othello）

    这篇文章主要为大家详细介绍了python实现翻转棋游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2019-07-07
  • Python 中由 yield 实现异步操作

    Python 中由 yield 实现异步操作

    这篇文章主要介绍了Python 中由 yield 实现异步操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2020-05-05
  • Python3实现爬取指定百度贴吧页面并保存页面数据生成本地文档的方法

    Python3实现爬取指定百度贴吧页面并保存页面数据生成本地文档的方法

    这篇文章主要介绍了Python3实现爬取指定百度贴吧页面并保存页面数据生成本地文档的方法,涉及Python基于urllib模块的页面爬取与文件读写相关操作技巧,需要的朋友可以参考下
    2018-04-04
  • python opencv进行图像拼接

    python opencv进行图像拼接

    这篇文章主要为大家详细介绍了python opencv进行图像拼接，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-03-03
  • Python使用PyGreSQL操作PostgreSQL数据库教程

    Python使用PyGreSQL操作PostgreSQL数据库教程

    这篇文章主要介绍了Python使用PyGreSQL操作PostgreSQL数据库,需要的朋友可以参考下
    2014-07-07
  • Pytorch使用PIL和Numpy将单张图片转为Pytorch张量方式

    Pytorch使用PIL和Numpy将单张图片转为Pytorch张量方式

    这篇文章主要介绍了Pytorch使用PIL和Numpy将单张图片转为Pytorch张量方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2020-05-05
  • Python爬虫学习之获取指定网页源码

    Python爬虫学习之获取指定网页源码

    这篇文章主要为大家详细介绍了Python爬虫学习之获取指定网页源码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2019-07-07
  • Python子进程subpocess原理及用法解析

    Python子进程subpocess原理及用法解析

    这篇文章主要介绍了Python子进程subpocess原理及用法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-07-07

最新评论