web-dev-qa-db-ja.com

flaskはどこで画像ファイルを探しますか？

Flaskを使用してローカルサーバーをセットアップしています。現在やりたいことは、index.htmlページでimgタグを使用して画像を表示することだけです。しかし、私はerrorを取得し続けます

GET http://localhost:5000/
ayrton_senna_movie_wallpaper_by_bashgfx-d4cm6x6.jpg 404 (NOT FOUND)

flaskはどこでファイルを探しますか？少し助けていただければ幸いです。私のHTMLコードは

<html>
  <head>

  </head>
  <body>
    <h1>Hi Lionel Messi</h1>

  <img src= "ayrton_senna_movie_wallpaper_by_bashgfx-d4cm6x6.jpg ">

  </body>

</html>

私のpythonコードは次のとおりです。

@app.route('/index', methods=['GET', 'POST'])
def lionel(): 
    return app.send_static_file('index.html')
pythonfile-uploadflaskweb-development-server
42
Aritra Biswas

画像ファイルayrton_senna_movie_wallpaper_by_bashgfx-d4cm6x6.jpgはstaticディレクトリにありますか？静的ディレクトリに移動し、HTMLを更新する場合：

<img src="/static/ayrton_senna_movie_wallpaper_by_bashgfx-d4cm6x6.jpg">

動作するはずです。

また、注目に値する、これを構成するより良い方法があります。

ファイル構造：

app.py
static
   |----ayrton_senna_movie_wallpaper_by_bashgfx-d4cm6x6.jpg
templates
   |----index.html

app.py

from flask import Flask, render_template, url_for
app = Flask(__name__)

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

if __== '__main__':
    app.run()

templates/index.html

<html>
  <head>

  </head>
  <body>
    <h1>Hi Lionel Messi</h1>

  <img src="{{url_for('static', filename='ayrton_senna_movie_wallpaper_by_bashgfx-d4cm6x6.jpg')}}" />

  </body>

</html>

このようにすることで、静的アセットのURLパスをハードコーディングしないようにします。

53
Matt Healy

画像が実際に存在する絶対パスを使用します（例） '/home/artitra/pictures/filename.jpg'

または、プロジェクトディレクトリ内に次のような静的フォルダを作成します

| templates
   - static/
         - images/
              - yourimagename.jpg

その後、これを行う

app = Flask(__name__, static_url_path='/static')

その後、index.htmlでこのような画像にアクセスできます

src ="/static/images/yourimage.jpg"

imgタグ内

17
Balaji

ドキュメント から：

動的Webアプリケーションにも静的ファイルが必要です。通常は、CSSファイルとJavaScriptファイルの元です。理想的には、Webサーバーはそれらを提供するように構成されていますが、開発中にFlaskも同様にそれを行うことができます。パッケージ内またはモジュールの隣にstaticというフォルダーを作成するだけで、アプリケーションの/staticで使用可能になります。

静的ファイルのURLを生成するには、特別な'static'エンドポイント名を使用します。

url_for('static', filename='style.css')

ファイルは、static/style.cssとしてファイルシステムに保存する必要があります。

7
Burhan Khalid

これを理解するのにも時間がかかりました。 Flaskのurl_forは、routes.pyスクリプトで指定したエンドポイントを探します。

したがって、@blah.route('/folder.subfolder')のようなroutes.pyファイルにデコレータがある場合、Flaskはコマンド{{ url_for('folder.subfolder') , filename = "some_image.jpg" }}を認識します。 'folder.subfolder'引数は、Flaskエンドポイントに認識します。

ただし、画像ファイルsome_image.jpgをサブフォルダーに保存したとしましょう。ただし、このサブフォルダーをflask routes.pyのルートエンドポイントとして指定しなかった場合、ルートデコレーターは@blah.routes('/folder')など。次に、この方法で画像ファイルを要求する必要があります：{{ url_for('folder'), filename = 'subfolder/some_image.jpg' }}

I.E. Flaskに、知っているエンドポイント「フォルダ」に移動するように指示し、サブディレクトリパスをファイル名引数に入れてそこから指示します。

3
pelon