JS：如何从base64创建图像类型的文件

Question

我正在尝试将https://html2canvas.hertzen.com/生成的png文件转换为要发送到API的blob文件。

下面的代码产生这样的输出，API不会抛出400，但是文件由于某种原因已损坏。

我构造Blob的方式有问题吗？

  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

好吧，事实证明画布已经具备了将自身转换为Blob的能力。 您所要做的就是使用canvas.toBlob(cb)并准备就绪。