如何使用输入标签将图像绘制到画布上？

<canvas id="myCanvas"></canvas>
<input type="file" id="imageInput">

const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
const imageInput = document.getElementById("imageInput");

imageInput.addEventListener("change", handleImageUpload);

function handleImageUpload(event) {
  const file = event.target.files[0];
  const image = new Image();

  const reader = new FileReader();
  reader.onload = function(e) {
    image.onload = function() {
      drawImageOnCanvas(image);
    };
    image.src = e.target.result;
  };
  reader.readAsDataURL(file);
}

function drawImageOnCanvas(image) {
  canvas.width = image.width;
  canvas.height = image.height;
  ctx.drawImage(image, 0, 0);
}