python Flask中返回图片流给前端展示
发布网友
发布时间：2023-04-30 16:18
共1个回答
热心网友
时间：2023-10-09 12:31
收藏 12
分类专栏： 学习前端记录 python
版权
<article class="_pl" style="box-sizing: inherit; outline: 0px; margin: 0px; padding: 16px 0px 0px; display: block; position: relative; color: rgb(51, 51, 51); font-family: "Microsoft YaHei", "SF Pro Display", Roboto, Noto, Arial, "PingFang SC", sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">
场景需求：需要在Flask服务器的本地找一张图片返回给前端展示出来。
问题疑点：通常前端的<img>标签只会接受url的形式来展示图片，没试过在返回服务器本地的一张图片给前端。
因此写个记录一下这个看起来有点奇葩的场景（通常个人博客，个人网站没有钱用第三方的服务都会采用存储在服务器本地的方法啦。）
项目目录：
dyy_project
|
|----static (新建flask项目时自动建的，没有任何文件)
|----templates
|-----index.html (前端页面)
|----dyy_project.py (flask项目启动文件)
文件内容：dyy_project.py
文件内容：index.html
注意：在img标签中的src一定要按照 data:;base64,{{img_stream}} 的形式添加，否则显示不出图片。
然后启动你的Flask程序，访问http://127.0.0.1:8080 你就可以看到你的图片了。
</article>
