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)，就可以开始使用了。