Edit - Stack Overflow

You are not logged in. Your edit will be placed in a queue until it is peer reviewed.

We welcome edits that make the post easier to understand and more valuable for readers. Because community members review edits, please try to make the post substantially better than how you found it, for example, by fixing grammar or adding additional resources and hyperlinks.

Required fields*

Rev

1

Great! After a lot of time trying to load my web images which were being loaded with a delay I have just solved it by applying your solution (with '#', using '?' is not working for me). Many thanks!!!

user304602
– user304602

2013-10-24 07:57:03 +00:00
Commented Oct 24, 2013 at 7:57
29

There are TWO caches involved here: There's the browser's regular HTTP cache, and an in-memory cache of images it has displayed recently. This latter in-memory cache is indexed by the full src attribute, so adding a unique fragment identifier ensures that the image isn't simply pulled from memory. But fragment identifiers are not sent as part of HTTP requests, so the regular HTTP cache will be used as normal. That's why this technique works.

Doin
– Doin

2014-03-15 17:41:33 +00:00
Commented Mar 15, 2014 at 17:41
There is several header cache. actually I don't know english very well, can you please tell me should I use which one?! I want something that does not cache just the photo that is changed (like a captcha), and cache other things. so Cache-Control: max-age=0, must-revalidate is good for me?

Shafizadeh
– Shafizadeh

2015-10-03 17:01:02 +00:00
Commented Oct 3, 2015 at 17:01
1

It doesn't work for me. The only thing different in my case is that I have a url to a controller action which retrieves img from db. I had other arguments for the controller action so I added it as "......&convert=true&t=" + new Date().getTime(); and "......&convert=true#" + new Date().getTime();. Is there anything I am doing wrong?

shaffooo
– shaffooo

2016-05-06 16:31:56 +00:00
Commented May 6, 2016 at 16:31
1

To avoid the overhead of object creation and/or method call, you could use an incrementing integer as the cache-buster: newImage.src = "http://localhost/image.jpg#" + i++;

laindir
– laindir

2017-01-27 16:16:23 +00:00
Commented Jan 27, 2017 at 16:16

Add a comment |

Correct minor typos or mistakes
Clarify meaning without changing it
Add related resources or links
Always respect the author’s intent
Don’t use edits to reply to the author

create code fences with backticks ` or tildes ~
```
like so
```
add language identifier to highlight code
```python
def function(foo):
print(foo)
```
put returns between paragraphs
for linebreak add 2 spaces at end
_italic_ or **bold**
indent code by 4 spaces
backtick escapes `like _so_`
quote by placing > at start of line
to make links (use https whenever possible)

<https://example.com>

[example](https://example.com)

<a href="https://example.com">example</a>

formatting help »
answering help »

Collectives™ on Stack Overflow