JS: Как создать файл типа image, из base64

Question

Я пытаюсь преобразовать файл png, созданный https://html2canvas.hertzen.com/, в файл BLOB-объекта, который я отправил бы в API.

Код ниже выдает такой вывод, что API некиньте 400, однако файл как-то поврежден.

Что-то не так с тем, как я создаю блоб?

  const data = new FormData();
  const [, binary] = image.toDataURL().split(',');
  const blobFile = new Blob([window.atob(binary)], { type: 'image/png' });
  data.append('attachments[]', blobFile, 'screenshot.png');

Answer 1

Хорошо, получается, что canvas уже хорошо оснащен для перевода себя в blob.Все, что вам нужно сделать, это использовать canvas.toBlob(cb), и вы готовы к работе.