readAsDataURL上传文件

readAsDataURL 是 File API 中的一个方法，用于将文件读取为 Data URL 格式。Data URL 是一种将小文件嵌入到文档中的方式，它可以将文件内容编码为 base64 字符串，并将其作为 URL 的一部分。这种方式可以减少 HTTP 请求的数量，但对于大文件来说并不适用。

使用 readAsDataURL 方法需要先创建一个 FileReader 对象，然后调用它的 readAsDataURL 方法来读取文件。读取完成后，可以通过 FileReader 对象的 result 属性获取 Data URL。

以下是一个使用 readAsDataURL 方法读取图片文件的示例代码：

const fileInput = document.querySelector('input[type="file"]');
fileInput.addEventListener('change', (event) => {
  const file = event.target.files[0];
  const reader = new FileReader();
  reader.addEventListener('load', () => {
    const dataURL = reader.result;
    // do something with the data URL
  });
  reader.readAsDataURL(file);
});