欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

python 實(shí)現(xiàn)Flask中返回圖片流給前端展示

 更新時間：2020年01月09日 10:36:31   作者：DHogan  
今天小編就為大家分享一篇python 實(shí)現(xiàn)Flask中返回圖片流給前端展示，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

場景需求：需要在Flask服務(wù)器的本地找一張圖片返回給前端展示出來。

問題疑點(diǎn)：通常前端的<img>標(biāo)簽只會接受url的形式來展示圖片，沒試過在返回服務(wù)器本地的一張圖片給前端。

因此寫個記錄一下這個看起來有點(diǎn)奇葩的場景（通常個人博客，個人網(wǎng)站沒有錢用第三方的服務(wù)都會采用存儲在服務(wù)器本地的方法啦。）

項目目錄：

dyy_project

|

|----static (新建flask項目時自動建的，沒有任何文件)

|----templates

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

|----dyy_project.py (flask項目啟動文件)

文件內(nèi)容：dyy_project.py

#!/usr/bin/env python
# coding=utf-8
 
from flask import Flask
from flask import render_template
 
app = Flask(__name__)
 
"""
這是一個展示Flask如何讀取服務(wù)器本地圖片, 并返回圖片流給前端顯示的例子
"""
 
 
def return_img_stream(img_local_path):
  """
  工具函數(shù):
  獲取本地圖片流
  :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)

文件內(nèi)容：index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Flask Show Image</title>
</head>
<body>
  <img style="width:180px" src="data:;base64,{{ img_stream }}">
</body>
</html>

注意：在img標(biāo)簽中的src一定要按照 data:;base64,{{img_stream}} 的形式添加，否則顯示不出圖片。

然后啟動你的Flask程序，訪問http://127.0.0.1:8080 你就可以看到你的圖片了。

以上這篇python 實(shí)現(xiàn)Flask中返回圖片流給前端展示就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論