freshvine/jquery-cache-images

Makes for easy caching of image files in the browsers LocalStorage or indexedDB. Can be bound elements or parents.

jquery-cache-images's Issues

Adapt drop to target a specific cached url

would be called like.
$.fn.cacheImages.drop('http://my.diamonds/are-awesome.jpg');

New param would prefix existing. Both would be optional and if both are undefined it should wipe everything with the default prefix. The check on the new URI param would check for a length greater then 1, and if that is true it would attempt to only drop that value. Would be helpful on the back-end cleaning up images when they are no longer needed.

$.fn.cacheImages.drop( URI, storagePrefix )

Create function to place images

This would be used interally within the plugin to see if we:

1. Have a local version of that image
2. Can reach the remote source (in which case we cache that image)
3. Display a default image because there is no cached, or remote image

Implement some basic base64 encode checks

The goal here is to catch media which was not correctly encoded and cached.

If it fails the test, we should - only once - remove the media locally and then attempt to cache the media again.

Allow for binding to specific element

User should be able to bind to a specific element $('img#Specific').cacheImages();

Abstract storage to functions for overriding to different methods

localStorage has a fixed cap (currently) of about 5mb. This may change over time but for not we'll create an alternate storage method that would allow for more storage.

Create a version to use indexedDB

using indexedDB should allow the client to store more then the 5mb limit.

Add Callbacks

Mimic the call backs in the jquery ajax function
-always
-done
-fail

Ensure all URLs are cached as full URIs

It should not be possible to cache a path without a host.

Dropping cached image in IndexedDB storage and rebuild image

I'm sure I am not understanding something correctly but I am having a little trouble dropping a cached image and then causing it to be re-cached with an updated image. I am using the IndexedDB storage. I execute "$.fn.cacheImages.drop" to drop a specific image and then want to re-cache an updated image. The drop appears to be working ok according to the "Resources" tab in Chrome but the re-cache of the image seems to be finding an image already cached. What am I doing wrong? The following is my code:

$.fn.cacheImages.drop(v_charturlactuals, v_storagePrefix);
$('.summarychartimgactuals'+obj.SUMMARY_TESTNUM_ID).cacheImages( {storagePrefix: v_storagePrefix, url: v_charturlactuals} );

I appreciate your help and patience if this is a dumb question.

Allow for binding to specific parent

To a specific portion of a page $('div#ImageHolder').imageCache();

Persistant binding to elements

Abstract the actual caching into a javascript function

This would allow for the caching of an image via it's remote URL without having to explicitly place it into the DOM. Could be very handy for html5 web apps that are attempting to make offline storage possible.

cacheImageFetchURL('http://thisfantast.ic/selfie.jpg');