将画布存储为扩展名为.png但在变量中的图像

Question

我有两个网页，其中一个用户在画布上绘画并可以将其下载为图像，第二个网页可以上传图像以进行进一步处理。有没有一种方法可以删除此下载并再次上传，并且整个过程只需一步即可完成？

第二页需要带有PNG扩展名的图像

我尝试使用canvas.toDataURL，但不起作用

更新 我已将第二个网页的功能添加到第一个 上传图像后，我可以直接以相同格式保存画布吗？

这是将文件上传到第二个网页上的功能

function handleFileSelect(evt) {
  const file = evt.target.files[0];

  // do nothing if no file is selected
  if (file == null) {
    postData.data = '';
    postData.type = '';
    return;
  }

  // only allow images
  if (!file.type.match('image.*')) {
    alert('Unsupported Image File');
    resetForm();
    return;
  }

  const reader = new FileReader();
   reader.onload = (event) => {
   postData.data = event.target.result;
   postData.type = file.type;

   };

  // Read in the image file as binary string.
  reader.readAsBinaryString(file);
}

如何将结果中的画布转换为“ event.target.result”