溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
場景需求：需要在Flask服務器的本地找一張圖片返回給前端展示出來。
問題疑點：通常前端的<img>標簽只會接受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()
img_stream = base64.b64encode(img_stream)
return img_stream
@app.route('/')
def hello_world():
img_path = '/home/hogan/Googlelogo.png'
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Flask Show Image</title>
</head>
<body>
<img src="data:;base64,{{ img_stream }}">
</body>
</html>
注意：在img標簽中的src一定要按照 data:;base64,{{img_stream}} 的形式添加，否則顯示不出圖片。
然后啟動你的Flask程序，訪問http://127.0.0.1:8080 你就可以看到你的圖片了。
以上這篇python 實現Flask中返回圖片流給前端展示就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
