How to locally save field selection in the context of a standalone web application?

Question

I am developing an offline HTML5-enabled web application that collects several form fields and several files (usually images) from users. We need to allow these users to select photos to upload before they can be uploaded, perhaps while they are still offline. When they go online, the form can be submitted and the files will be uploaded.

How to save this information? Files will be too large to store directly in localStorage. Can I use localStorage instead of storing some kind of file link and then remind later for download? Is there any way to use the application cache?

Answer 1

FileReader API for your friend.

With this, you can save the img src urls and then load these images :)