我正在开发一个网络应用程序，我将用它作为野外生物学的教学辅助工具。它的目标是跨平台，并且正在使用 javascript/Jquery/Jquery mobile 构建。该应用程序显示学生可能看到的植物和动物的描述和照片，并允许学生使用本地存储保存自己的笔记。这对于离线工作至关重要，因为学生可能在孤立的位置工作，目前我正在使用 appcache 来实现这一点。
我想添加功能，允许学生拍摄生物体照片，然后将自己的图片添加到描述页面(即动态地将本地文件添加到网页)。我已经成功地使用相机 API 直接从浏览器拍摄照片，然后将它们显示在页面中。但是我一直无法弄清楚如何稍后调用照片。我发现一些引用文献表明这是不可能的，其他引用文献则建议将照片编码到本地存储(尽管我认为我们的需求将远远超出本地存储的容量)。
有什么办法可以实现这一点吗？如果答案很明显，我深表歉意，我是新手，正在努力学习!
最佳答案
您需要对它们进行编码并将它们存储为文本(base64 编码几乎肯定是最简单的)，本地存储可能很快就会填满，但这不是您唯一的离线存储设施。所有现代浏览器都支持 IndexedDB，虽然存在一些关于容量的问题，但很大程度上您仅受硬盘大小的限制。
我不知道是否this gist仍然有效，但看起来应该可以为您提供存储容量的大概信息。 This article表明 Chrome 和 Firefox 足够大(IE 当时没有实现，而 Safari 在很多方面都被破坏了)。
关于javascript - 在网页中包含本地照片，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40135468/