我正在开发一个基于Web的应用程序,该应用程序可能会在Internet连接不稳定的环境中使用。我将它实现为一个HTML5离线应用程序,它将使用HTML5本地存储(实际上是jQuery插件jStorage)。它是一个数据条目驱动的应用程序,因此脱机时创建的所有新条目都保存在本地存储中,稍后在重新建立Internet连接时将与服务器同步。我几乎做到了,但现在我面临着一个要求,即用户实际上需要上传图像和提交数据
我找到了这个HTML5 API规范-http://www.w3.org/TR/file-upload/它谈到了文件上传和离线访问。在我深入研究之前,有没有关于这个功能的包装可以简化我的工作
我也刚刚找到这篇文章-http://hacks.mozilla.org/2010/02/an-html5-offline-image-editor-and-uploader-application/它使用了一个公开的TwitPic API,我想从这里的人那里得到一些专业的反馈
非常感谢。
我知道我问这个问题已经有一段时间了,但我仍然看到这个问题受到了支持和支持,所以我想我会分享我是如何解决这个问题的。在我的情况下,文件并没有那么大,所以我只是决定对它们进行MIME编码,然后将字符串存储在HTML5 localStorage中。它是一种魅力。
我不久前写了一篇关于HTML5文件API的文章-http://speckyboy.com/2012/10/30/getting-to-grips-with-the-html5-file-api-2/
另请参阅GitHub回购-https://github.com/mailru/FileAPI用于提前控制。
我认为localStorage
不会是正确的答案,因为localStorage
只保存字符串,并且有5兆字节的存储限制。
我建议http://pouchdb.com
但如果你坚持使用localStorage
,那么Mozilla Hacks有一篇关于在localStorage
中存储图像的文章:http://hacks.mozilla.org/2012/02/saving-images-and-files-in-localstorage/
indexedDB
可能是存储文件的更好位置:http://hacks.mozilla.org/2012/02/storing-images-and-files-in-indexeddb/