国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > Python > 正文

python 實現Flask中返回圖片流給前端展示

2024-09-09 19:03:33
字體:
來源:轉載
供稿:網友

場景需求:需要在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 Flaskfrom 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中返回圖片流給前端展示就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網之家。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 宜川县| 宁波市| 民丰县| 贵港市| 甘孜| 游戏| 建昌县| 凯里市| 泰宁县| 措勤县| 新昌县| 竹溪县| 磴口县| 南京市| 红原县| 芜湖市| 炎陵县| 东兰县| 霞浦县| 富锦市| 弥勒县| 利津县| 晋中市| 巧家县| 抚顺县| 比如县| 邯郸县| 临清市| 吴旗县| 永靖县| 潼关县| 安平县| 额尔古纳市| 襄垣县| 合川市| 会宁县| 肇庆市| 乾安县| 南木林县| 弋阳县| 紫阳县|