优化:使用URL.createObjectURL后,用URL.revokeObjectURL释放实例,节省内存

322 阅读1分钟

内存优化:

使用URL.createObjectURL()后,在不需要时,用URL.revokeObjectURL()方法释放这个实例,节省内存

每次使用URL.createObjectURL()方法,都会在内存里面生成一个 URL 实例。如果不再需要该方法生成的临时网址,为了节省内存,可以使用URL.revokeObjectURL()方法释放这个实例。

var div = document.getElementById('display');
function handleFiles(files) {
  for (var i = 0; i < files.length; i++) {
    var img = document.createElement('img');
    img.src = window.URL.createObjectURL(files[i]);
    div.appendChild(img);
    img.onload = function() {
      window.URL.revokeObjectURL(this.src);
    }
  }
}