• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

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

python 搞代码 4年前 (2022-01-08) 17次浏览 已收录 0个评论

今天小编就为大家分享一篇python 实现Flask中返回图片流给前端展示,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

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

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

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

项目目录:

dyy_project

|

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

|—-templates

|—–index.html (前端页面)

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

文件内容:dyy_project.py

 #!/usr/bin/env python # coding=utf-8 from flask import Flask from flask import render_template app = Flask(__name__) """ 这是一个展示Flask如何读取服务器本地图片, 并返回图片流给前端显示的例子 """ def return_img_stream(img_local_path): """ 工具函数: 获取本地图片流 :param img_local_path:文件单张图片的本地绝对路径 :return: 图片流 """ import base64 img_stream = '' with open(img_local_path, 'r') as img_f: img_stream = img_f.read(<p style="color:transparent">来源gao!%daima.com搞$代*!码$网</p>) img_stream = base64.b64encode(img_stream) return img_stream @app.route('/') def hello_world(): img_path = '/home/hogan/Googlelogo.png-600' img_stream = return_img_stream(img_path) return render_template('index.html', img_stream=img_stream) if __name__ == '__main__': app.run(debug=True, port=8080) 

文件内容:index.html

   <title>Flask Show Image</title> 

注意:在img标签中的src一定要按照 data:;base64,{{img_stream}} 的形式添加,否则显示不出图片。

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

以上就是python 实现Flask中返回图片流给前端展示的详细内容,更多请关注gaodaima搞代码网其它相关文章!


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:python 实现Flask中返回图片流给前端展示

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址