new Promise URL.createObjectURL()

根据提供的引用内容，可以知道window.URL.createObjectURL()和window.URL.revokeObjectURL()应该成对使用[^1]。而Promise是ES6中新增的一种异步编程解决方案，可以让我们更加优雅地处理异步操作。URL.createObjectURL()方法是用于创建指向File对象的URL，可以将Blob或File对象表示为字符串的URL。而Promise对象可以帮助我们更好地处理异步操作，避免回调函数嵌套导致代码难以维护和理解。

下面是一个使用Promise和URL.createObjectURL()来读取文件的例子：

function readFileAsync(file) {
  return new Promise((resolve, reject) => {
    const reader = new FileReader();
    reader.onload = () => {
      resolve(reader.result);
    };
    reader.onerror = reject;
    reader.readAsDataURL(file);
  });
}

const input = document.createElement('input');
input.type = 'file';

input.addEventListener('change', async () => {
  const [file] = input.files;
  const url = URL.createObjectURL(file);
  const dataUrl = await readFileAsync(file);
  console.log(url);
  console.log(dataUrl);
  URL.revokeObjectURL(url);
});

上面这个例子中，readFileAsync()方法返回一个Promise对象，该对象在异步读取文件完成后会调用resolve()方法返回结果。在input元素的change事件监听回调中，我们使用URL.createObjectURL()方法创建指向File对象的URL，然后使用readFileAsync()读取文件内容。等待readFileAsync()完成后，我们打印出URL和dataUrl并使用URL.revokeObjectURL()方法释放URL对象的引用。