Flask url_for - incorrect static folder path

Question

I'm trying to add an image to my quiz.html page with Flask using:

<img src='{{url_for('static', filename='img/question-mark.png')}}' alt='' >

When I look at the page source, it's interpreted as: http://127.0.0.1:5000/quiz/static/img/question-mark.png rather than:
http://127.0.0.1:5000/static/img/question-mark.png

Yet, my .css files and .js files load in quiz.html using the same syntax just fine. How can I get the correct static file path?

My current structure is:

 |-app.py
 |-templates/
   |-main.html
   |-quiz.html
 |-static/
   |-css/
   |-img/

app.py

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def homepage():
    return render_template("main.html")

@app.route('/quiz/')
def quiz():
    return render_template("quiz.html")

if __name__=="__main__":
    app.run(debug=True)

did you import url_for from flask? Please don't mix "" and '', can you separate those? — Anton vBR
– Anton vBR, Commented Aug 4, 2017 at 22:46
Look at this example: <img src="{{url_for('static', filename='ayrton_senna_movie_wallpaper_by_bashgfx-d4cm6x6.jpg')}}" /> — Anton vBR
– Anton vBR, Commented Aug 4, 2017 at 22:48

darksky · Accepted Answer · 2017-08-05 00:22:05Z

2

You don't need a Jinja script to write a static image source. Just write:

<img src="/static/img/question-mark.png">

All the static resources are automatically served under /static.

answered Aug 5, 2017 at 0:22

darksky

2,12018 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Flask url_for - incorrect static folder path

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related