JavaScript如何实现base64(图片,pdf等格式)数据下载?

JavaScript如何实现base64数据下载?

比如说下面,srcUrl是我拼接成的base64数据(“image/jpeg”为image图片)

let srcUrl = "data:image/jpeg;base64," + s;

首先我们试试window.location.href 直接打开试试?

window.location.href = srcUrl

在这里插入图片描述
此时我们会发现下载了个没有文件后缀的文件,但是加上文件后缀名却又可以正常显示为图片了。
那不符合我的诉求,我需要一个可以直接打开的文件。

// 创建个Dom节点会吧?
var a = document.createElement("a");
// 给Dom节点加点料
a.href = scrUrl;
a.download = "啊啊啊啊.png";
// 触发下这个Dom节点的单击事件会吧?
a.click()
// 删除这个Dom节点也是会的吧?
a.parentNode.removeChild(a)

完事~

你可能感兴趣的:(福利小技巧,javascript,pdf,前端)