Chrome：显示 Base64 图像时内存泄漏

Question

我有一个发送二进制图像的网络套接字。我的脚本获取这些图像，转换为 Base64 并显示在标签中。

像这样的东西：

websocket.onmessage = function(evt) {
    var msg = evt.data;

    var image = $('.my-image')
    image.attr('src', "data:image/jpeg;base64,"+ toBase64(msg))
}

这似乎会导致 Chrome 中的内存泄漏。几分钟后，它就会轻松使用超过 1GB 的 RAM。几个小时后，我收到“噢，啪”错误。

查看资源选项卡，我看到显示了收到的所有图像。即使它们不再显示，它们看起来也不会随时被删除。

这个问题有解决方法吗？也许是一种强制将旧图像从内存中删除的方法。

Answer 1

将图像 base64 保存在临时变量中，并将信息替换为 null。