Solved

Image updated on website, how to trigger content change on client browsers

Posted on 2014-04-30
4
204 Views
Last Modified: 2014-05-06
I updated images on a website, but some of images still show old images. How can I trigger so that client browsers get all updated images when they visit next time?
0
Comment
Question by:crcsupport
  • 2
4 Comments
 
LVL 33

Assisted Solution

by:Big Monty
Big Monty earned 250 total points
ID: 40032946
the easiest way prevent image caching is to assign a random querystring to the src link:

<img src="myFile.png?a=12345" />
0
 
LVL 33

Expert Comment

by:Big Monty
ID: 40032948
the value of a can be a random number or a timestamp or any other random generated chars
0
 
LVL 83

Accepted Solution

by:
Dave Baldwin earned 250 total points
ID: 40033224
There is no guaranteed way to do that.  Some people set their browser cache to 20 days which means that they may not check for new files for 20 days after the last time they checked.  When I want people to see new things on a page, I change the file names and save a new copy of the page to the server.  That let's the browser know that the main page has changed and the new file names won't be found in the browser cache.  Note that images, CSS files, and javascript files are cached Separately from the main page.  Changing the file names is the easiest way to make sure they are updated in the main page.
0

Featured Post

Microsoft Certification Exam 74-409

Veeam® is happy to provide the Microsoft community with a study guide prepared by MVP and MCT, Orin Thomas. This guide will take you through each of the exam objectives, helping you to prepare for and pass the examination.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

This article discusses four methods for overlaying images in a container on a web page
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
The purpose of this video is to demonstrate how to integrate Mailchimp with WordPress, by placing a Mailchimp signup form on a WordPress Page or Post. This will be demonstrated using a Windows 8 PC. Mailchimp will be used. Log into your Mailchi…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

856 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question