Skip to content
Cache base64 encoded images in modern browser Local Storage with this jQuery plugin.
JavaScript PHP
Latest commit dd3142a Oct 26, 2011 @doomhz Merge pull request #1 from MarkVaughn/patch-1
for matching example.png.JPG as jpeg
Failed to load latest commit information.
assets Update assets/jquery.imageCache.js Oct 26, 2011
README Docs changed Mar 8, 2011
demo.html Prevent multiple request for the same image Mar 25, 2011
get_image.php Docs Feb 23, 2011

README

jQuery Image Cache Plugin

Cache base64 encoded images in modern browser Local Storage with this jQuery plugin.

Set up get_image.php to return base64 encoded content from the server.

<ul>
  <li><img src="assets/test-image-1.jpg" class="imageCache" /></li>
  <li><img src="assets/test-image-2.jpg" class="imageCache" /></li>
  <li><img src="assets/test-image-4.jpg" class="imageCache" /></li>
  <li><img src="assets/test-image-5.jpg" class="imageCache" /></li>
</ul>

Or you can ommit the SRC attribute and store it in data-src, because some browseres still request the server to see if the image is not changed:

<ul>
  <li><img src="" data-src="assets/test-image-4.jpg" class="imageCache" /></li>
  <li><img src="" data-src="assets/test-image-5.jpg" class="imageCache" /></li>
</ul>

<script type="text/javascript">
	$('img.imageCache').imageCache();
</script>
Something went wrong with that request. Please try again.