pythonはFlashkでリターン画像をフロントエンドに展示することを実現します。


シーンの需要:Flashkサーバーのローカルで1枚のピクチャーを探して戻って先端に展示してくる必要があります。
問題点:通常のフロントエンドの
タグはurl形式でしか画像を展示できません。サーバーに戻って現地の一枚の写真をフロントエンドに渡すのは試したことがありません。
このちょっと変わったシーンを記録してみます。(通常は個人のブログ、個人のウェブサイトはお金がなくて第三者のサービスでサーバーのローカルに保存する方法を採用します。)
プロジェクトディレクトリ:
dyy_プロジェクト
𞓜
|----static(flashkプロジェクトを新規作成する時に自動的に建てられたもので、ファイルがありません。)
|----templates
|-----index.1(フロントエンドページ)
|----dy_project.py(flashkプロジェクト起動ファイル)
ファイル内容: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.

<!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>
注意:ccタグの中のsrcは必ずdataに従います。base 64、{img}stream}の形で追加します。画像が表示されません。
そしてあなたのFlashkプログラムを起動して、アクセスしてください。http://127.0.0.1:8080 あなたの写真を見ることができます。
以上のpythonがFlashkから戻ってくる画像をフロントエンドに展示するということは、小編集が皆さんに共有しているすべての内容です。参考にしていただければと思います。よろしくお願いします。