如何用纯javascript读取图像文件？

<input type="file" id="imageInput">

const imageInput = document.getElementById('imageInput');
imageInput.addEventListener('change', handleImageSelect);

function handleImageSelect(event) {
  const file = event.target.files[0];
  // 进一步处理图像文件
}

function handleImageSelect(event) {
  const file = event.target.files[0];
  
  const reader = new FileReader();
  reader.onload = function(e) {
    const imageData = e.target.result;
    // 进一步处理图像数据
  };
  reader.readAsDataURL(file);
}