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

时间:2015-06-25 06:47:28

标签: php angularjs canvas html5-canvas angular-local-storage

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

我正在寻找改变方法。 我可以在MBs/GBs上传大量图片吗?当用户提交他/她的广告系列时,只有所有图片都会发送到服务器?是否有方法我可以一起去吗?

1 个答案:

答案 0 :(得分:1)

你可以这样做,你可以在这个问题的答案中阅读有关如何实现这一点的唯一技术细节:How to save an image to localStorage and display it on the next page?(基本上归结为将Base64编码的图像保存为字符串)< / p>

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