在网页中加入本地照片

时间:2016-10-19 15:15:56

标签: javascript jquery jquery-mobile camera local-storage

我正在开发一个网络应用程序,我将用它作为野外生物学的教学辅助工具。这是为了跨平台,并使用javascript / Jquery / Jquery mobile构建。该应用程序显示学生可能看到的植物和动物的描述和照片,并允许学生使用本地存储保存自己的笔记。离线工作至关重要,因为学生可能在偏僻的地方工作,目前我正在使用appcache来实现这一目标。

我想添加一些功能,允许学生拍摄有机体的照片,然后将自己的照片添加到描述页面(即动态地将本地文件添加到网页中)。我已设法使用Camera API直接从浏览器拍摄照片,然后在页面中显示它们。但是我以后无法确定如何回拨照片。我发现一些参考文献表明这是不可能的,其他人建议将照片编码到本地存储(虽然我认为我们的需求远远超过本地存储的容量)。

有什么办法可以实现吗?如果答案很明显,我很抱歉,我是新手,在我走的时候试着学习!

1 个答案:

答案 0 :(得分:0)

您需要对它们进行编码并将其存储为文本(base64编码几乎肯定是最简单的),本地存储可能会很快填满,但它不是您唯一的离线存储设施。所有现代浏览器都支持IndexedDB,虽然有一些关于容量的问题,但主要是你只受硬盘大小的限制。

我不知道this gist是否仍有效,但它看起来应该会给你一个存储容量的大概。 This article表明Chrome和Firefox足够大(IE当时没有实施,Safari在很多方面都被打破了。)