HTML DOM revokeObjectURL() 方法

URL revokeObjectURL() 方法释放使用 URL createObjectURL() 创建的现有对象 URL。当您使用完对象 URL 并且不希望浏览器再保留对该文件的引用时，将调用此方法。

句法：

URL.revokeObjectURL(objectURL);

参数：

• objectURL：要发布的 DOMString 对象 URL。

返回值：此方法没有返回值。

示例：在此示例中，使用 createObjectURL() 方法创建一个 objectURL，然后撤消它。

  
  URL.revokeObjectURL example


  GeeksforGeeks
  
  
  The URL of this image is : 


    var Element = document.querySelector('input');
    var img = document.querySelector('img');
    Element.addEventListener('change', function() {
      var url = URL.createObjectURL(Element.files[0]);
      img.src = url;
      console.log(url);
      URL.revokeObjectURL(url)
      var d=document.querySelector(".p");
      d.textContent+=url;
});

输出：

在选择图像之前：

选择图片后：在控制台中，可以看到错误“不允许加载本地资源”，因为URL被撤销。

检查对象 URL 也会给出“找不到文件”：

支持的浏览器：

• 谷歌浏览器
• 边缘
• 火狐
• 苹果浏览器
• 歌剧
• IE浏览器