Updating an image on the web using Python and Flask

Question

I have a basic question regarding Python and Flask for web development.

In my html template file, I have a line to display an image, shown as below:

<img width="600" height="451" src="static/graph_1.png">

The image is in the static folder. When I update this image but using the same name 'graph_1.png", the web still shows the old image, not the updated one. I think the browser somehow remembers the old image with the same name. But I didn't really want to change the name of the image. I learned it has something to do with "Catche-Control"? Please advice on how I can solve this problem. Thanks in advance!

Justin B · Accepted Answer · 2020-02-23 00:41:19Z

1

User cmd+shft+r on mac or ctrl+shift+r on a pc to load the page without using cache.

off topic, but you might want to look into the flask documentation on templates. A better approach to adding the path to the html is using jinja to inject the path. The nice thing about this is if you ever change the file structure, as long as the file name remains the same you're golden!

<img width="600" height="451" src="{{ url_for('static', filename='graph_1.png' }}>

You can find more info here

answered Feb 23, 2020 at 0:41

Justin B

615 bronze badges

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

1 Comment

Justin B Over a year ago

I typically view the page in incognito mode in chrome, which doesn't store browsing history and cache beyond the instance, but you still need to do a full refresh as described on updates unless you close and reopen the window. There might be some other solution, but I've just got used to the cmd+shft+r refresh

Collectives™ on Stack Overflow

Updating an image on the web using Python and Flask

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related