js url.createobjecturl

// 创建一个对象URL的示例代码

// 假设我们有一个文件对象，例如通过<input type="file">选择的文件
const fileInput = document.querySelector('input[type="file"]');
fileInput.addEventListener('change', (event) => {
  const file = event.target.files[0]; // 获取选中的文件

  // 使用 URL.createObjectURL 创建一个对象URL
  const objectUrl = URL.createObjectURL(file);

  // 现在可以使用 objectUrl 来引用这个文件，例如在<img>标签中显示图片
  const img = document.createElement('img');
  img.src = objectUrl;
  document.body.appendChild(img);

  // 当不再需要对象URL时，应该调用 revokeObjectURL 来释放内存
  // 例如，在页面卸载时或不再需要该文件时
  window.addEventListener('unload', () => {
    URL.revokeObjectURL(objectUrl);
  });
});

解释说明：

• URL.createObjectURL() 方法创建一个指向指定文件对象的 URL。这个 URL 可以用于临时引用文件，例如在 <img> 标签中显示图片。
• objectUrl 是生成的对象 URL，可以在浏览器中直接访问文件内容。
• URL.revokeObjectURL() 方法用于撤销之前创建的对象 URL，以释放内存资源。建议在不再需要该 URL 时调用此方法。