flask htmlにて画像を表示したい

Question

行いたいこと
現在、flaskにてwebアプリの作成を行っております。
matplotlibにて作成、保存した画像ファイルをtemplatesにあるhtmlで表示したいです。

現状
具体的には、

app
├─.idea
│  └─inspectionProfiles
├─outputs
├─static
└─templates

というディレクトリ構成で、画像はapp/outputsに保存します。
templates/hoge.htmlにて

<img src="../outputs/image.png" alt="Result">

と記述しても画像が表示されません。
絶対パスにてファイルを指定しても同様でした。

いかがいたせばよろしいでしょうか？

app.pyは

from flask import Flask, render_template, request

# appという名前でFlaskのインスタンスを作成
app = Flask(__name__)

@app.route('/', methods=['GET'])
def index():
    return render_template('app.html',
                           )

if __name__ == '__main__':
    # 作成したappを起動
    # ここでflaskの起動が始まる
    app.run(debug=True)

app.htmlは

<p><img src="../outputs/image.png" alt="Result"></p>

としてあります。

Comments

[FiroProchainezo]

現象が再現する最小のコードを提供いただけませんか？
実行できる最小構成が無いとわかりません。(質問文だけだとimg要素してありません)

そもそもoutputsは見えるんでしょうか？

[Renkon]

修正いたしました。

<p><img src="../outputs/image.png" alt="Result"></p>
の画像へのpathをstatic内のフォルダとしたら表示がされました。

なのでoutputは見えていないようです。これはflaskの使用なのでしょうか？

[Renkon]

app.pyにて
app = Flask(__name__, static_folder='outputs')
とすることで静的ファイルを格納するフォルダを変更して解決ができました。

flaskではこのように見えるフォルダが基本的に制限されているのでしょうか？

Answer 1

app.pyにて
app = Flask(name, static_folder='outputs')
とすることで静的ファイルを格納するフォルダを変更して解決ができました。

ご指摘ありがとうございます。