Disable cache for some images

by

A common and simple solution to this problem that feels like a hack but is fairly portable is to add a randomly generated query string to each request for the dynamic image.

So, for example –

<img src="https://stackoverflow.com/questions/728616/image.png" />

Would become

<img src="https://stackoverflow.com/questions/728616/image.png?dummy=8484744" />

Or

<img src="https://stackoverflow.com/questions/728616/image.png?dummy=371662" />

From the point of view of the web-server the same file is accessed, but from the point of view of the browser no caching can be performed.

The random number generation can happen either on the server when serving the page (just make sure the page itself isn’t cached…), or on the client (using JavaScript).

You will need to verify whether your web-server can cope with this trick.

More Related Contents:

  1. How to force a web browser NOT to cache images
  2. How do I auto-resize an image to fit a ‘div’ container?
  3. Why does my image have space underneath?
  4. Change color of PNG image via CSS?
  5. Is it possible to set the equivalent of a src attribute of an img tag in CSS?
  6. base64 encoded images in email signatures
  7. Is there an equivalent to background-size: cover and contain for image elements?
  8. Changing image on hover with CSS/HTML
  9. How would I display a TIFF images in all web browsers? [closed]
  10. How can I display just a portion of an image in HTML/CSS?
  11. Fullscreen responsive background image in CSS
  12. How can I fill a div with an image while keeping it proportional?
  13. Protect image download
  14. How to make in CSS an overlay over an image?
  15. How to get a background image to print using css?
  16. CSS Background image not loading
  17. src absolute path problem
  18. Should image size be defined in the img tag height/width attributes or in CSS? [duplicate]
  19. Width 100% with white borders around it. WHy?
  20. How to center a (background) image within a div?
  21. Django: How to send HTML emails with embedded images
  22. How to set the tag with basic authentication
  23. How to “crop” a rectangular image into a square with CSS?
  24. Responsive image align center bootstrap 3
  25. Advantages and disadvantages of using base64 encoded images [closed]
  26. CSS Border on PNG image with transparent parts
  27. Why use a sprite sheet rather than individual images?
  28. How can I display an image inside SVG circle in html5?
  29. How to center image in a div horizontally and vertically
  30. How can I display an image from the local machine on a webpage

Leave a Comment