在flask中，如何将matplotlib绘图图像发送到html？
在Flask中，可以使用Matplotlib库将绘图图像发送到HTML。下面是一种实现方法：
- 首先，确保已经安装了Flask和Matplotlib库。
- 创建一个Flask应用程序，并导入所需的库：
from flask import Flask, render_template, make_response
import matplotlib.pyplot as plt
import io
import base64- 在路由函数中，使用Matplotlib绘制图像，并将其保存为字节流：
@app.route('/')
def index():
# 创建一个图形对象
fig, ax = plt.subplots()
# 绘制图形
ax.plot([1, 2, 3, 4], [1, 4, 2, 3])
# 保存图形为字节流
img = io.BytesIO()
plt.savefig(img, format='png')
img.seek(0)
# 将字节流转换为base64编码的字符串
plot_url = base64.b64encode(img.getvalue()).decode()
# 清空图形对象
plt.close()
# 将图像数据传递给HTML模板进行渲染
return render_template('index.html', plot_url=plot_url)- 创建一个名为
index.html的HTML模板文件，并在其中使用base64编码的图像数据：
<!DOCTYPE html>
<html>
<head>
<title>Matplotlib Plot</title>
</head>
<body>
<img src="data:image/png;base64,{{ plot_url }}" alt="Matplotlib Plot">
</body>
</html>- 运行Flask应用程序，并在浏览器中访问对应的URL，即可看到绘制的图像。
这种方法将Matplotlib绘制的图像保存为字节流，并将其作为base64编码的字符串传递给HTML模板进行渲染。在HTML模板中，使用<img>标签将图像显示在页面上。
推荐的腾讯云相关产品：腾讯云服务器（https://cloud.tencent.com/product/cvm）和腾讯云对象存储（https://cloud.tencent.com/product/cos）。
相关·内容
在flask中，如何使在matplotlib中从plt保存的图像显示在网页上？下面的python代码创建了一个绘图，并将其另存为.png图像。HTML文件也跟在后面。app.route('/images/<air_quality>') return render_template("displayg
浏览 6提问于2017-12-23得票数 0
1回答
我正在尝试在flask模板中渲染matplotlib的Image和seaborn plot，如下所示： from flask import Flask, render_template, make_responseimport matplotlib.pyplot as pltfrom io import BytesIO
from matplotlib.backends.backend_aggimport
浏览 9提问于2020-06-27得票数 0
我有一个生成绘图的程序，并使用matplotlib将它们显示给用户。我现在正在添加一个特性，它涉及到一个HTML，它是从一些数据生成并修改的。webbrowser.open('file://' + htmlFilePath, new=2, autoraise=False)显示这个修改过的超文本标记语言，它将在默认浏览器或为webbrowser配置的任何浏览器中打开但是我真的想在我运行的matplotlib窗口中显示这个html，而不是打开一个单独的
浏览 31提问于2019-03-15得票数 0
我正在尝试在DigitalOcean上设置一个副项目，并且我正在使用https://blog.miguelgrinberg.com/post/the-flask-mega-tutorial-part-xvii-deployment-on-linux在这个框架中，我在其中一个flask路由(/explore)中添加了代码，我在其中使用matplotlib生成了一个图，当我将模板作为此路由的返回函数呈现时，我希望将此图作为对象返回。如果不需要
浏览 30提问于2019-04-19得票数 0
1回答
我有一个Express Node.js应用程序和一个使用matplotlib在Python中生成绘图的函数。有没有一种方法可以从我的Node.js应用程序中调用Python函数，并在plot执行后将其发送回Node.js？并将plot从Node.js发送到React页面？
浏览 2提问于2020-12-20得票数 0
我正试图自学如何使用matplotlib (在web应用程序中)绘制条形图，其中x轴将具有各种抗癌药物副作用，y轴将具有每种副作用的发生百分比。在web应用程序的索引页面上，我有一个选择菜单，我要求用户从“下拉列表”中选择一种癌症。选择“乳腺癌”，点击“提交”(我已经为其创建了一个html文件)，我希望上面讨论的条形图出现在屏幕上。以下是python代码：import matplotlib.pyplot as pltnp.ra
浏览 1提问于2019-08-04得票数 0
我们正在尝试创建一个API，可以在前端使用React，在后端使用Flask。作为其中的一部分，需要显示的输出包括四个实体：有没有办法不存储这些图像而直接将生成的matplotlib图像嵌入到JSON对象中？大多数方法都需要我们指定图像文件名，但是有没有一种方法可以跳过保存这些文件？sendfi
浏览 7提问于2018-11-20得票数 1
我正在学习这个示例@app.route('/visualize')
plt.savefig('img')
我正在尝试将结果嵌入到一个html页面中。<img s
浏览 1提问于2020-12-23得票数 1
1回答
我想在Flask中创建一个小应用程序: 1.允许用户上传数据，在csv中2.对数据做一些事情(在这个例子中，什么也不会做) 3.绘制结果4.允许用户以pdf格式下载结果图。到目前为止的代码：from flask import Flask, Response, request, render_templateimport matplotlib
from <e
浏览 0提问于2020-04-20得票数 0
我对Flask和Matplotlib很陌生。我希望能够用一些html格式显示我生成的简单图表，但我很难弄清楚怎么做。以下是我的Python代码：import numpy as npimport matplotlib.pyplotas plt
variables = pandas.read_csv('C:
浏览 352提问于2018-06-07得票数 52
回答已采纳
1回答
我有一个React Native应用程序，我想要发送一个图像到我的Flask后端来做一些图像处理(注释)，然后将这个新图像返回到React Native以显示它。我计划使用Firebase的存储系统来存储这些图像，所以我也不介意使用它，如果这能让事情变得更容易的话。到目前为止，我已经尝试过将图像uri发送到Flask并读取图像文件，并且能够进行图像处理，但是我不知道如何将新图像发送
浏览 24提问于2021-05-01得票数 0
0回答
我希望根据用户在flask应用程序上的输入创建动态绘图。然而，我得到了以下错误:需要字符串参数，得到'bytes‘from flask import Flaskfrom flask import render_templateimport io
import b
浏览 3提问于2017-01-04得票数 14
回答已采纳
我正在用ssh从我的桌面(例如ssh user@raspberrypi.local)在Pi上开发Python。我正在使用Pi作为硬件在循环(HIL)模拟器。在远程设备上运行时不显示动画。下面的代码是关于如何在The服
浏览 4提问于2022-02-25得票数 0
2回答
我希望在烧瓶应用程序中导入matplotlib，但是我得到了以下错误: RuntimeError:主线程不在主循环中
浏览 10提问于2022-09-21得票数 -2
1回答
该库具有自己的绘图功能，并返回matplotlib图形。
我想在一个全息视图元素中使用这个输出，作为的一部分。这感觉应该是可能的，但我找不到一个好的方法来做它。我想知道如何将matplotlib图形读取到numpy图像数组中并将其发送到holoviews Raster元素-但唯一的方法似乎是将图形保存到文件中，这似乎不是一个好的选择。
浏览 0提问于2017-04-12得票数 2
1回答
我有一个客户端UI，它调用Python API (在AWS Lambda中)来返回基本计算。我想扩展该功能，以便能够实现以下功能: 1.在客户端通过excel电子表格上传数据2.将数据发送到Python API (AWS Lambda) 3.在Lambda API中，我使用numpy、Scikit处理数据，并使用matplotlib绘制图表4.将绘图作为图像文件传回5.在客户端UI上渲染图像
我不确
浏览 0提问于2019-03-29得票数 2
我正在编写一个Flask应用程序，我使用matplotlib创建一个条形图，并保存图像以在浏览器上显示它(这是可行的)。但我的问题不是它没有打开，而是我不希望python一开始就打开，因为我只使用matplotlib来创建绘图映像。提醒:在我的烧瓶页面中，图像显示正确，当我还在使用浏览器python启动程序时，提示和退出。问题是，我想从一开始就阻止它发射。图形生成图像的函数：(purchases是一个不断变化的全局变
浏览 1提问于2020-12-10得票数 0
回答已采纳
我需要将一个可旋转的3D绘图导出到HTML，就像一样，但是要从Python / matplotlib导出。当在Jupyter笔记本中运行时，您可以生成一个交互式绘图，如下所示：import numpy as np...(
浏览 1提问于2020-09-28得票数 2
1回答
带烧瓶的Matplotlib
、、、、
我正在尝试在Flask应用程序中显示我在Matplotlib中制作的绘图。但是，当我在localhost上运行该应用程序时，它不显示绘图图像，并且只出现带有短语"Dynamic Image“的图像图标。import iofrom numpy import *
from fl
浏览 9提问于2021-06-05得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
