Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Cache base64 encoded images in modern browser Local Storage with this jQuery plugin.
JavaScript PHP
branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
assets
README Docs changed
demo.html
get_image.php

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.