将批量图像存储在$localStorage-Angular JS中


Store bulk images in $localStorage - Angular JS

我正在使用$localStorage服务将数据存储在浏览器的缓存中。实际上,我正在构建一个web应用程序(在angularjsPHP中),用户可以在该应用程序上上传canvas上的多个图像,并使用它们进行操作。我所做的是,当用户上传images/s时,我正在将此图像上传到服务器,当用户删除时,我将其与服务器解除链接,但这种方法只会增加垃圾数据MBs/GBs的服务器空间。

我想改变我的做法我可以在localStorage上上传大量图片吗?当用户提交他/她的活动时,所有图片才会发送到服务器我可以采用任何方法吗?

您可以做到这一点,并且您可以在以下问题的答案中了解如何实现这一点的唯一技术细节:如何将图像保存到localStorage并在下一页上显示?(基本上可以归结为将Base64编码的图像保存为字符串)

请注意,大多数浏览器只能在localStorage中存储多达几MB的数据(取决于每个浏览器,例如Chrome为5),因此您将受到限制。