Persistent local caching of image data on a computing device
View Patent ↗Systems and methods that utilize local storage associated with web browsers to store image data as an alphanumeric string. An expiration date may be associated with the image data such that it expires either after predetermined period of time or at a certain date. By storing image data in local storage, as a user navigates to a website, images are loaded from local storage and displayed in the web browser rather than fetching the image data from a remote source.
1. A method for displaying an image at a client computing device, comprising:
requesting, using the client computing device, content from a server computing device, the request for content including a request for the image;
receiving, using the client computing device, a script from the server computing device, the script associated with the request for content;
running the script on the client computing device to determine if the image is contained in local storage, and if so;
determining if the image has expired in accordance with a predetermined expiration date, and if so:
removing the image from the local storage;
fetching the image from a remote location to the client computing device;
presenting the image on the display of the client computing device;
encoding the image fetched from the remote location to create encoded image data,
wherein the encoding comprises:
creating a first array of characters from the image,
determining a length of the first array,
generating a resulting string based on the length of the first array, and
creating the encoded image data from the resulting string; and
storing the encoded image data in local storage; otherwise:
retrieving the image from the local storage if the image is not expired; and
presenting the image on a display of the client computing device.
2. The method of claim 1 , wherein the generating a resulting string based on the length of the first array comprises:
creating a second array based on the length of the first array;
converting a corresponding character in the first array to a string in the second array; and
concatenating strings in the second array to generate the resulting string.
3. The method of claim 1 , further comprising assigning an expiration to the encoded image data using a key/value pair stored in local storage.
4. The method of claim 1 , wherein the encoded image data is BASE64 encoded.
5. The method of claim 1 , if the image is not contained in the local storage, the method further comprising:
fetching the image from a remote location to the client computing device; and
encoding the image fetched from remote location to create encoded image data, wherein
the encoding comprises:
creating a first array of characters from the image,
determining a length of the first array,
generating a resulting string based on the length of the first array, and
creating the encoded image data from the resulting string;
storing the encoded image data in local storage; and
presenting the image on the display of the client computing device.
6. The method of claim 5 , wherein the generating a resulting string based on the length of the first array comprises:
creating a second array based on the length of the first array;
converting a corresponding character in the first array to a string in the second array; and
concatenating strings in the second array to generate the resulting string.
7. The method of claim 5 , further comprising assigning an expiration to the encoded image data using a key/value pair stored in local storage.
8. The method of claim 5 , wherein the encoded image data is BASE64 encoded.
9. A non-transitory tangible computer readable medium having computer readable instructions stored thereon, that when executed by a client computing device performs a method of displaying an image, comprising:
requesting, using the client computing device content from a server computing device, the request for content including a request for the image;
receiving, using the client computing device, a script from the server computing device, the script associated with the request for content;
running the script on the client computing device to determine if the image is contained in local storage, and if so;
determining if the image has expired in accordance with a predetermined expiration date, and if so:
removing the image from the local storage,
fetching the image from a remote location to the client computing device,
presenting the image on the display of the client computing device,
encoding the image fetched from remote location to create encoded image data,
wherein the encoding comprises:
creating a first array of characters from the image;
determining a length of the first array;
generating a resulting string based on the length of the first array, and
creating the encoded image data from the resulting string, and
storing the encoded image data in local storage; otherwise:
retrieving the image from the local storage if the image is not expired; and
presenting the image on a display of the client computing device.
10. The non-transitory tangible computer readable medium of claim 9 , the generating further comprising instructions for:
creating a second array based on the length of the first array;
converting a corresponding character in the first array to a string in the second array; and
concatenating strings in the second array to generate the resulting string.
11. The non-transitory tangible computer readable medium of claim 9 , further comprising instructions for assigning an expiration to the encoded image data using a key/value pair stored in local storage.
12. The non-transitory tangible computer readable medium of claim 9 , wherein the encoded image data is BASE64 encoded.
13. The non-transitory tangible computer readable medium of claim 9 , if the image is not contained in the local storage, the tangible computer readable medium further comprising instructions for:
fetching the image from a remote location to the client computing device; and
encoding the image fetched from remote location to create encoded image data, wherein
the encoding comprises:
creating a first array of characters from the image,
determining a length of the first array,
generating a resulting string based on the length of the first array, and
creating the encoded image data from the resulting string;
storing the encoded image data in local storage; and
presenting the image on the display of the client computing device.
14. The non-transitory tangible computer readable medium of claim 13 , the encoding further comprising instructions for:
creating a second array based on the length of the first array;
converting a corresponding character in the first array to a string in the second array; and
concatenating strings in the second array to generate the resulting string.
15. The non-transitory tangible computer readable medium of claim 13 , further comprising instructions for assigning an expiration to the encoded image data using a key/value pair stored in local storage.
16. The non-transitory tangible computer readable medium of claim 13 , wherein the encoded image data is BASE64 encoded.