HTML DOM createObjectURL() 方法

createObjectURL()方法创建一个DOMString ，其中包含表示方法参数中给定对象的 URL。新对象 URL 表示指定的 File 对象或 Blob 对象。

注意： URL 生存期与创建它的文档相关联。

句法：

const url = URL.createObjectURL(object);

参数：

• object：要为其创建对象 URL 的文件、图像或任何其他 MediaSource 对象。

返回值：包含该对象的对象 URL 的DOMString。

示例：在本示例中，我们将使用此方法为图像对象创建一个对象 URL。

  
  URL.createObjectURL 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);
      var d=document.querySelector(".p");
      d.textContent+=url;
});

输出：我们将从本地存储中选择一个图像，然后将创建该对象的 URL。

在选择图像之前：

选择图像后：

在新选项卡中检查创建的 URL：

支持的浏览器：

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