Where does flask look for image files?

by

Is the image file ayrton_senna_movie_wallpaper_by_bashgfx-d4cm6x6.jpg in your static directory? If you move it to your static directory and update your HTML as such:

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

It should work.

Also, it is worth noting, there is a better way to structure this.

File structure:

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 __name__ == '__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>

Doing it this way ensures that you are not hard-coding a URL path for your static assets.

More Related Contents:

  1. Uploading multiple files with Flask
  2. Handling large file uploads with Flask
  3. Configure Flask dev server to be visible across the network
  4. json.dumps vs flask.jsonify
  5. What is the cause of the Bad Request Error when submitting form in Flask application?
  6. How to implement server push in Flask framework?
  7. Auto reloading python Flask app upon code changes
  8. Capture arbitrary path in Flask route
  9. Flask at first run: Do not use the development server in a production environment
  10. Execute a function after Flask returns response
  11. Return a download and rendered page in one Flask response
  12. How to integrate Flask & Scrapy?
  13. How do you set a default value for a WTForms SelectField?
  14. Flask Download a File
  15. Flask Gunicorn app can’t get __name__ to equal ‘__main__’
  16. Display a ‘loading’ message while a time consuming function is executed in Flask
  17. Python Flask Render Text from Variable like render_template
  18. Cast Flask form value to int
  19. How to upload a file using an ajax call in flask
  20. Flask – POST Error 405 Method Not Allowed
  21. How to return images in flask response?
  22. ImportError: No module named flaskext.sqlalchemy
  23. Flask-WTF – validate_on_submit() is never executed
  24. How to render by Vue instead of Jinja
  25. How to send zip files in the python Flask framework?
  26. Flask-SQLAlchemy Constructor
  27. How to make a large file accessible to external APIs?
  28. SQLAlchemy ordering by count on a many to many relationship
  29. How do I run a long-running job in the background in Python
  30. ModuleNotFoundError: No module named ‘MySQLdb’

Leave a Comment