Javascript 在网页中包含本地照片

我正在开发一个网络应用程序，我将把它用作野外生物学的教学辅助工具。这是一个跨平台的平台，正在使用javascript/Jquery/Jquery mobile构建。该应用程序显示学生可能看到的植物和动物的描述和照片，并允许学生使用本地存储保存自己的笔记。这项工作必须离线进行，因为学生可能在孤立的地点工作，目前我正在使用appcache来实现这一点

我想添加一个功能，允许学生拍摄生物体的照片，然后将自己的照片添加到描述页面（即，将本地文件动态添加到网页）。我已经设法使用Camera API直接从浏览器拍摄照片，然后在页面中显示它们。然而，我一直无法解决如何在以后的时间调用照片。我发现一些参考资料表明这是不可能的，另一些则建议将照片编码到本地存储（尽管我认为我们的需求将远远超过本地存储的容量）

---

有没有办法做到这一点？如果答案显而易见，我很抱歉，我是一个新手，在学习的过程中努力学习

您需要对它们进行编码并将其存储为文本（base64编码几乎肯定是最简单的），本地存储可能会很快填满，但这不是您唯一的脱机存储功能。所有现代浏览器都支持IndexedDB，虽然在容量方面存在一些问题，但大部分情况下，您只受到硬盘大小的限制

---

我不知道它是否还能工作，但它看起来应该给你们一个大致的存储容量。表明Chrome和Firefox足够大（即当时没有实现，Safari在很多方面都被破坏）。

您需要对它们进行编码并将它们存储为文本（base64编码几乎肯定是最简单的），本地存储可能会很快填满，但它不是您唯一的离线存储设施。所有现代浏览器都支持IndexedDB，虽然在容量方面存在一些问题，但大部分情况下，您只受到硬盘大小的限制

---

我不知道它是否还能工作，但它看起来应该给你们一个大致的存储容量。表明Chrome和Firefox足够大（即当时没有实现，Safari在很多方面都被破坏）。

如果要求在设备之间传输照片，你最终使用了一个数据库和一个可选的外部服务器来保存照片。使用某种服务器将是一种简单的方法，现在的手机有放大器容量如果需要在设备之间传输照片，你最终会使用一个数据库和一个可选的外部服务器来保存照片。使用某种服务器将是一种简单的方法，现在的手机有AMP容量谢谢你的建议。我以前没有遇到过IndexDB，但从链接上看，它似乎可以解决这个问题。对于其他功能，它也可能优于本地存储。我会试一试并向你汇报。谢谢你的建议。我以前没有遇到过IndexDB，但从链接上看，它似乎可以解决这个问题。对于其他功能，它也可能优于本地存储。我会试一试，然后再报告。