Where does flask look for image files

Question

I am setting up a local server using flask  All I want to do currently is display an image using the img tag in the index html page  But I keep getting error   GET http   localhost 5000  ayrton senna movie wallpaper by bashgfx-d4cm6x6 jpg 404  NOT FOUND      Where does flask look for files  A Little help would be great  My HTML code is    lt html gt     lt head gt      lt  head gt     lt body gt       lt h1 gt Hi Lionel Messi lt  h1 gt      lt img src   ayrton senna movie wallpaper by bashgfx-d4cm6x6 jpg   gt      lt  body gt    lt  html gt    My python code is     app route   index   methods   GET    POST    def lionel         return app send static file  index html

User · Answer

It took me a while to figure this out too. url_for in Flask looks for endpoints that you specified in the routes.py script.

So if you have a decorator in your routes.py file like @blah.route('/folder.subfolder') then Flask will recognize the command {{ url_for('folder.subfolder') , filename = "some_image.jpg" }} . The 'folder.subfolder' argument sends it to a Flask endpoint it recognizes.

However let us say that you stored your image file, some_image.jpg, in your subfolder, BUT did not specify this subfolder as a route endpoint in your flask routes.py, your route decorator looks like @blah.routes('/folder'). You then have to ask for your image file this way: {{ url_for('folder'), filename = 'subfolder/some_image.jpg' }}

I.E. you tell Flask to go to the endpoint it knows, "folder", then direct it from there by putting the subdirectory path in the filename argument.

User · Answer

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    lt img src   static ayrton senna movie wallpaper by bashgfx-d4cm6x6 jpg  gt    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   lt html gt     lt head gt      lt  head gt     lt body gt       lt h1 gt Hi Lionel Messi lt  h1 gt      lt img src    url for  static   filename  ayrton senna movie wallpaper by bashgfx-d4cm6x6 jpg        gt      lt  body gt    lt  html gt    Doing it this way ensures that you are not hard-coding a URL path for your static assets

User · Answer

use absolute path where the image actually exists   e g    home artitra pictures filename jpg   or create static folder inside your project directory like this     templates    - static           - images                - yourimagename jpg   then do this   app   Flask   name    static url path   static     then you can access your image like this in index html  src    static images yourimage jpg     in img tag

User · Answer

From the documentation      Dynamic web applications also need static files  That   s usually where   the CSS and JavaScript files are coming from  Ideally your web server   is configured to serve them for you  but during development Flask can   do that as well  Just create a folder called static in your package or   next to your module and it will be available at  static on the   application       To generate URLs for static files  use the special  static  endpoint   name   url for  static   filename  style css         The file has to be stored on the filesystem as static style css

User · Answer

for importing the image in flask you want a sub folder named static into the folder keep your img and go into your html file and write

[python] Where does flask look for image files?

Examples related to python

Examples related to file-upload

Examples related to flask

Examples related to web-development-server