In the previous recipe, we talked about storing the data offline. Another thing which is used extensively in applications is images, which enhance the overall presentation. Typically, an image is accessed as a URL. These URLs will not be accessible when the device or the browser goes offline. To some extent, this can be managed by using the image-caching feature of the browser and giving it a large expiry time. However, this may not be honored all the time by the browsers. We need a better mechanism to contain the images, which is in complete control of our application. In this recipe, we will see what it takes to persist images locally and use them in the application.
For the demonstration, we will enhance the application that we built in Chapter 4 where we used the images from a third party website to show the album of flowers, as shown in the following screenshot:
