Dropping cached image in IndexedDB storage and rebuild image

[freshvine]

Dropping cached image in IndexedDB storage and rebuild image

[paulprins]

@darrellpruitt yea you weren't doing anything wrong. the issue is that the drop function didn't have a callback, and thats why you were having issues. IndexDB is not a functional call (it breaks out of the line by line flow you're expecting with your javascript). I just updated the script adn you should be able to do this now one of two ways.

Using the callback for the drop script:

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

Or, even more simply with the forceSave option just added.

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

Be careful with the forceSave though. If you always use it the plugin is pretty pointless as it will always fetch a new image. In an ideal world where you control the media you're fetching from the remote server you shouldn't reuse the same filenames (keeps browsers/third-party from caching) but either of these options should work for ya.

[darrellpruitt]

Thank you! Very much appreciated!

Darrell

[darrellpruitt]

I had to make one change to your code. I was getting a javascript error “thisElem is not defined” for the line:

callbackFunction.call(thisElem, key, encodedString );

Since I didn’t need those variables in my callback I changed it to the following and it worked great:

callbackFunction.call( );

Darrell

[paulprins]

Good call @darrellpruitt - I also made that fix, but instead of no params it now reads

callbackFunction.call( url );

[darrellpruitt]

Perfect! Thanks!

Darrell

[paulprins]

Awesome, glad that it's working for ya!