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)，然后您就可以开始了。