将 base64 字符串转换为可用 URL

Question

我有一个字符串，它是在我的 HTML canvas 上使用 toDataURL() 创建的，用于创建图像。我希望能够对该字符串进行编码/解码，以便它可以与 window.open(string)

一起使用

字符串看起来像

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAOfCAYAAAApbd6bAAAgAElEQVR4Xuzdfaxt6V0X8OHct5nplEHQUFobiJEWakwNiRKjmIqJBQShCS...

Answer 1

这就是最终对我有用的东西，src 是 base64 字符串

  const openImg = () => {
    const base64ImageData = src;
    const contentType = 'image/png';
    const byteCharacters = atob(base64ImageData.substr(`data:${contentType};base64,`.length));
    const byteArrays = [];

    for (let offset = 0; offset < byteCharacters.length; offset += 1024) {
      const slice = byteCharacters.slice(offset, offset + 1024);

      const byteNumbers = new Array(slice.length);
      for (let i = 0; i < slice.length; i++) {
        byteNumbers[i] = slice.charCodeAt(i);
      }

      const byteArray = new Uint8Array(byteNumbers);

      byteArrays.push(byteArray);
    }
    const blob = new Blob(byteArrays, { type: contentType });
    const blobUrl = URL.createObjectURL(blob);

    window.open(blobUrl, '_blank');
  }

将 base64 字符串转换为可用 URL

convert base64 string to usable URL

javascript

url

canvas

html5-canvas

todataurl