如何缓存 base64 编码图像


How to cache base64 encode image

嗨,我正在使用angular.jsphp开发小型学校应用程序,该应用程序从画布捕获图像,然后将其存储在mySql db中。

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

我的问题是,当我加载这些图像(300 张 11.2Kb 的图像)时,在屏幕上显示它需要很多时间(1Mb HTML 大约需要 3 分钟)。

在显示时,是否有任何库或角度指令可用于缓存这些图像?

首先,在数据库中存储图像是一种非常糟糕的做法。我建议您将图像另存为二进制文件并存储上传路径。

其次,在 base64

中存储大图像会占用更多内存(base64 图像通常比二进制文件大 ~33%),并且,正如这里所说,渲染它们可能需要更多时间。

base64 编码数据的处理时间可能比二进制数据长 数据(同样,这对移动设备来说可能非常痛苦, CPU和内存更有限)

顺便说一句,如果我误解了您并且瓶颈是从数据库中读取图像,那么将图像存储为文件也将有助于;)