Сохранение холста как изображения с расширением .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"