Why HTML file is displaying old image if I replace the file with same old name in directory?

Question

I'm creating webapp by using Flask on backend and HTML, CSS, Bootstrap 4 on frontend and havenot using a single line of code of javascript. My flask app code is:

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

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

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

But, the issue is when I add an image in HTML code it works completely fine. But if I replace the file in directory with same name but when I preview it in browser while coding it shows the old picture. I'm using Bootstrp 4.6

The image code inside a simple div is:

<img class="img-fluid" src="/static/about.svg" alt="Students">

Clearing your cache might help.

Suresh Mangs
– Suresh Mangs

2021-04-11 07:48:38 +00:00
Commented Apr 11, 2021 at 7:48 — Suresh Mangs
– Suresh Mangs, Commented Apr 11, 2021 at 7:48

Romain · Accepted Answer · 2021-04-11 08:25:49Z

1

That because of your local browser cache (see in the network panel of our browser dev tools : image requests don't have a 200 http status code). You should want to disable it during development.

But you must handle it in production too, with plugins like Flask-caching or with cache control mecanisms.

answered Apr 11, 2021 at 8:25

Romain

3345 silver badges13 bronze badges

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

Comments

Qasim Ali · Accepted Answer · 2021-04-20 21:00:10Z

0

In a youtube tutorial, I get to know that by refreshing page while pressing "Ctrl-key" clears the cache. And it worked for me.

answered Apr 20, 2021 at 21:00

Qasim Ali

215 bronze badges

1 Comment

Romain Over a year ago

thats the manual way to clear local cache :)

Collectives™ on Stack Overflow

Why HTML file is displaying old image if I replace the file with same old name in directory?

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related