Javascript：無法下載base64解碼圖像

Question

我想下載使用base64編碼的JS圖像。 為此，我首先解碼了圖像並嘗試下載它。 文件正在下載，但是下載的文件中的內容沒有內容。

編碼后的圖像就像：

數據：圖像/ PNG; BASE64，iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4 // 8 / w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg ==

我使用以下代碼解碼和下載圖像：

var imgdata = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==';

var imggetbase64decode = imgData.replace(/^data:image\/(png|jpg);base64,/, ""); // imgData is the encoded base64 string.

var data = imggetbase64decode, fileName = "my-download.png";
    var a = document.createElement("a");
        document.body.appendChild(a);
        a.style = "display: none";
        var json = data,
        blob = new Blob([json], {type: "octet/stream"}),
        url = window.URL.createObjectURL(blob);
        a.href = url;
        a.download = fileName;
        a.click();
        window.URL.revokeObjectURL(url);

打開下載的文件時出現錯誤：

無法加載圖片“ my-download.png”。

Answer 1

在這里，您可以找到所需的內容。 如何下載base64編碼的圖像？

• 如果沒有，請分享一些Codepen鏈接，以便我為您提供幫助。