如何缓存base64编码图像

Question

您好我正在使用 angular.js 和 php 开发小型应用程序，该应用程序从画布捕获图像，然后将其存储在 mySql 数据库中。

图像存储在image/png; base64 string。

我的问题是，当我加载这些图像（300张11.2Kb的图像）时，需要花费大量时间才能在屏幕上显示（大约1分钟用于3Mb HTML ）。

在显示时是否可以使用任何库或角度指令来缓存这些图像？

Answer 1

首先，将数据存储在数据库中是quite a bad practice。我建议你将图像保存为二进制文件并存储上传路径。

其次，在base64中存储大图像会占用更多内存（base64图像通常比二进制文件大33％），而claimed here，渲染它们可能会花费更多时间。

  

base64编码数据可能需要比二进制文件更长的处理时间   数据（再次，这对移动设备来说可能特别痛苦，   其中CPU和内存更有限）

如果我误解了你并且瓶颈是从数据库中读取图像，那么将图像存储为文件也会有所帮助;）