Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
Oscar Gomez
6,797 Pointswhen using "https://placeimg.com/400/400/people", the image doesn't change upon refresh. It stays the same. Any ideas?
this happened during the first lesson using index.html
2 Answers
Steven Parker
231,269 PointsAssigning a random or time tag in the PHP doesn't help, because it's only done once when the page is created at the server, and the browser still caches the page and doesn't reload it on refresh.
The JavaScript trick works because because it happens in the browser, and the browser re-runs it on refresh.
Steven Parker
231,269 PointsYour browser may be displaying a cached image instead of fetching a new one.
You can add a fake query string to your image URL to prevent the browser from using the cached version with a line of JavaScript:
document.querySelector("img").src += "?nocache=" + Math.random();
This particular script will only work for the first image on the page.
Nadia Reyhani
488 PointsI have the same issue, I tried your solution however it didn't work for me! I even tried to give a random stamp to avoid browser saves the images : <img src="https://placeimg.com/200/200/tech"?t=<?php echo time();?"> alt =""> no luck to fix this issue!
Nadia Reyhani
488 PointsNadia Reyhani
488 Pointsso you mean we need Javascript tricks to control the UI ? I still have a long way to Js concepts. will try it when I got to learning those subjects. Many thanks