js createobjecturl

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

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

  if (file) {
    // 使用 URL.createObjectURL 方法创建对象 URL
    const objectUrl = URL.createObjectURL(file);
    console.log('Object URL:', objectUrl);

    // 可以将这个对象 URL 用于显示图片、视频等资源
    const img = document.createElement('img');
    img.src = objectUrl;
    document.body.appendChild(img);

    // 记得在不再需要时释放对象 URL
    img.onload = () => {
      URL.revokeObjectURL(objectUrl);
    };
  }
});

解释说明：

1. URL.createObjectURL(file)：此方法会为传入的 Blob 或 File 对象创建一个唯一的 URL。这个 URL 可以用于引用该对象，例如在 <img> 标签中显示图片。
2. URL.revokeObjectURL(objectUrl)：当不再需要对象 URL 时，应调用此方法来释放内存。这有助于避免内存泄漏。
3. 事件监听器：我们为文件输入元素添加了一个 change 事件监听器，当用户选择文件时，会触发该事件并创建对象 URL。