javascript - URL.createObjectURL 导致内存泄漏

Question

我正在尝试使用 URL.createObjectURL 显示图像。但是，它占用的内存非常大，大约是图像大小的 10 倍。这是我的代码:

var image = new Image();
image.src = URL.createObjectURL(blob);
image.className = 'images';
image.onload = function(){
    URL.revokeObjectURL(this.src);
};
$('.images').appendTo('body');

这是浏览器错误吗？或者我的代码有问题？

Answer 1

实际上你调用URL.revokeObjectURL()当您释放之前通过调用 window.URL.createObjectURL() 创建的现有对象 URL 时为了获得最佳性能和内存使用，如果有安全的时间可以显式卸载它们。

但是你不能通过创建对象来节省内存，阅读这个answer ，还有这个 helper link .