如何构建一个简单的离线表单提交应用程序?

时间:2013-05-23 13:29:58

标签: android ios html5 mobile local-storage

我是一名Webdev初学者,一直在学习一些Python / PHP / Javascript,并希望通过一个项目帮助我的朋友。

她正在对旧房子/窗户进行大规模调查,并填写表格(类似于Google表格)。然而,她并不总是在手机上进行3G覆盖,因此她希望在上网时能够上传数据,并希望能够上传照片并将其附加到表格中。

我找到了一个使用html5 localstorage的javascript-library,但是我不明白localstorage是否还接受文件上传?此外,当您提交一份表格时,您需要上网才能再次打开表格以提交另一份表格。

是否有图书馆或项目可以帮助我解决这个问题,所以我不必重新发明轮子?

2 个答案:

答案 0 :(得分:3)

使用网络应用程序非常困难。您将不得不依赖AJAX之类的东西来发送数据,如果超时存储在本地存储中并且每隔几分钟就会重试一次,因为Web应用程序无法访问检查wifi状态等任何内容。

此外,您可以在html5本地存储中使用的大小有限制: What is the max size of localStorage values? 如果你想保留照片,这不会起作用。

这需要本机或最小混合应用程序(如phonegap)将数据存储在文件或SQLite数据库中的实际设备上。通过这种方式,您可以存储您喜欢的内容,可以访问互联网连接的状态,甚至可以在屏幕上显示提示(当应用程序在后台时),以提醒她仍有一些需要上传。

这样会更加可靠和稳定

答案 1 :(得分:1)

您可以创建一个应用程序,将数据(表单)存储在应用程序的本地数据库(即SQLite)中。

一旦她上网(主要是wifi),她就可以开始上传数据了。