微客导航 » 文章资讯 » python 实现Flask中返回图片流给前端展示

python 实现Flask中返回图片流给前端展示

2023-08-03 08:37:04 304

场景需求：需要在Flask服务器的本地找一张图片返回给前端展示出来。

问题疑点：通常前端的标签只会接受url的形式来展示图片，没试过在返回服务器本地的一张图片给前端。

因此写个记录一下这个看起来有点奇葩的场景（通常个人博客，个人网站没有钱用第三方的服务都会采用存储在服务器本地的方法啦。）

项目目录：

dyy_project

|----static(新建flask项目时自动建的，没有任何文件)

|----templates

|-----index.html(前端页面)

|----dyy_project.py(flask项目启动文件)

文件内容：dyy_project.py

#!/usr/bin/envpython
#coding=utf-8

fromflaskimportFlask
fromflaskimportrender_template

app=Flask(__name__)

"""
这是一个展示Flask如何读取服务器本地图片,并返回图片流给前端显示的例子
"""


defreturn_img_stream(img_local_path):
"""
工具函数:
获取本地图片流
:paramimg_local_path:文件单张图片的本地绝对路径
:return:图片流
"""
importbase64
img_stream=''
withopen(img_local_path,'r')asimg_f:
img_stream=img_f.read()
img_stream=base64.b64encode(img_stream)
returnimg_stream


@app.route('/')
defhello_world():
img_path='/home/hogan/Googlelogo.png'
img_stream=return_img_stream(img_path)
returnrender_template('index.html',
img_stream=img_stream)


if__name__=='__main__':
app.run(debug=True,port=8080)

文件内容：index.html





FlaskShowImage

注意：在img标签中的src一定要按照http://dh.wk163.comdata:;base64,{{img_stream}}的形式添加，否则显示不出图片。

然后启动你的Flask程序，访问http://127.0.0.1:8080你就可以看到你的图片了。

以上这篇python实现Flask中返回图片流给前端展示就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

python 实现Flask中返回图片流给前端展示

热门推荐

随机推荐