Offline application inside web browser storing data and uploading after

Question

I need to build an application to run inside a web browser that works offline (whitout any internet connection) and store data in a way that I can after with internet connection be able to upload these data to a server.

for example for example an HTML form

<html>

<body>

    <form>

        Name: <input type="text" name="name" /><br />
        E-mail: <input type="text" name="email" /><br />

        <input type="submit" name="save" />
    </form>

</body>

so when I submit this form the browser saves the data somewhere and when I be connected I can upload it to a server...

do anybody knows a way to do that??

thanks for explaining what offline means – hackattack Sep 07 '12 at 16:21 — hackattack, Sep 07 '12 at 16:21
hehehehe.. i only wanted to be really clear kkkk – thiagoh Sep 07 '12 at 16:27 — thiagoh, Sep 07 '12 at 16:27

score 2 · Accepted Answer · answered Sep 07 '12 at 16:22

2

Use local storage to save offline data. You can use AJAX (jQuery makes it easy: see here) to try to post the local storage data to your server. You may want to set an interval to post to the server.

answered Sep 07 '12 at 16:22

sachleen

30,730
8
78
73

the problem is that i need more than 5MB =( – thiagoh Sep 07 '12 at 16:41
The browser can prompt the user requesting more space for your app once you use up the default allocated space. – sachleen Sep 07 '12 at 18:34

score 0 · Answer 2 · answered Sep 07 '12 at 16:22

Saving to local storage (in browsers that support it) and then syncing with a web server is how I would do it.

The real problem here is that browsers were not really build for that so you'll need to find some clever solutions and also would only work in modern browsers.

A native application might be a better way to go.

Offline application inside web browser storing data and uploading after

2 Answers2