如何下载base64编码图像？

Question

我有一个来自服务器的bas64编码图像，我想通过JavaScript强制下载。有可能吗？

Answer 1

它是如此简单，只需使用下面的功能：

// Parameters:
// contentType: The content type of your file. 
//              its like application/pdf or application/msword or image/jpeg or
//              image/png and so on
// base64Data: Its your actual base64 data
// fileName: Its the file name of the file which will be downloaded. 

function downloadBase64File(contentType, base64Data, fileName) {
     const linkSource = `data:${contentType};base64,${base64Data}`;
     const downloadLink = document.createElement("a");
     downloadLink.href = linkSource;
     downloadLink.download = fileName;
     downloadLink.click();
}

Answer 2

使用Javascript执行此操作的简单方法。。。

    var a = document.createElement("a"); //Create <a>
    a.href = "data:image/png;base64," + ImageBase64; //Image Base64 Goes here
    a.download = "Image.png"; //File name Here
    a.click(); //Downloaded file

Answer 3

>

如果要使用JavaScript（无任何后端）下载，请使用：

window.location.href = 'data:application/octet-stream;base64,' + img;

其中img是您的base64编码图像。

如果要允许用户指定文件名，请使用a标记的download属性：

<a download="FILENAME.EXT" href="data:image/png;base64,asdasd...">Download</a>

• 注意：非常旧的浏览器不支持下载属性