將數據URI轉換為Blob

Question

我當前正在使用Jdenticon庫生成用戶identicons作為默認的個人資料圖片。 我想將SVG的數據URI轉換為Blob或將其作為圖像文件，以便可以將圖像文件存儲到Firebase中 。

我已經嘗試了Stack Overflow的一些示例代碼，但是沒有一個對我有用。 （我尚未將數據轉換為base64。我認為SVG語法中沒有任何瘋狂的字符。）

createIdenticonBlob(hash: string) {
  if (hash) {
    let svg = jdenticon.toSvg(hash, Math.min(50, 50));
    let uri = "data:image/svg+xml," + encodeURIComponent(svg);
    return this.uploadService.convertDataURIToBlob(uri); // I'm not sure :(
  }
}

jdenticon.toSvg（哈希|值，大小[，填充]）

我不確定如何將Data URI轉換為圖像文件。 有什么想法嗎？

Answer 1

您不想將dataURI轉換為文件，而是希望通過svg標記（僅是文本）來創建文件，並且如果您的插件確實返回了svg標記，這確實很容易做到：

createIdenticonBlob(hash: string) {
  if (hash) {
    let svg = jdenticon.toSvg(hash, Math.min(50, 50));
    let blob = new Blob([svg], {type: 'image/svg+xml'});
    return blob;
  }
}