在后端数据库服务器中保存图像路径时如何在前端加载图像

Question

我在windows服务器的驱动器C中的文件夹Images下有一个图像，在我的数据库中，该图像的路径保存为Images/logo。现在，我想从我的应用程序前端读取图像，并在我的应用程序中显示它。

我在windows服务器中部署我的后端apis。我将图像名称保存在我的数据库中。但是当我调用apis时，我得到了数据。假设我的api url是：0.0.0.0:5000。我把我的图像放在c驱动器里，就像存储我的图像的C：\X\Y\图像一样。我如何通过前端显示图像。

我提供的链接是src=“0.0.0.0:5000/X/Y/images/{{get from api}}”，但它显示404未找到。我在前端使用了Ionic（Angular），在后端使用了FlaskPython。

Answer 1

您将需要在Flask中添加一个新路由来提供静态图像文件。

@app.route('/images/<path:path>')
def send_image(path):
    return send_from_directory('C:/X/Y/images', path)

然后可以使用src=“0.0.0.0:5000/images/{{image\u file\u name}}”。