晴天霹雳
新手
新手
  • 最后登录2018-11-06
  • 发帖数5
阅读:7541回复:1

[js]base64转文件并下载

楼主#
更多 发布于:2018-10-16 12:19
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <textarea id="base64Text" cols="30" rows="10"></textarea>
    <input type="text" id="filename" placeholder="文件名">
    <button id="download">点击下载</button>
    <script>
        var base64Text = document.getElementById("base64Text"),
        filename = document.getElementById("filename"),
        download = document.getElementById("download")
        download.onclick=function(){
            var base64 = base64Text.value;
            if(base64){
                base64 = base64.split(",");
                let type = base64[0].match(/^data:([\s\S]+?);base64$/)[1]
                let text = base64[1];
                let base64data = atob(text);
                let u8a = new Uint8Array(base64data.length);
                for(let i = 0;i<base64data.length;i++){
                    u8a[i]=base64data.charCodeAt(i);
                }
                let blob = new Blob([u8a],{type:type});
                let a = document.createElement("a");
                a.href = URL.createObjectURL(blob);
                a.download=filename.value||"文件";
                a.click()
            }
        }
    </script>
</body>
</html>

最新喜欢:

doubleyongdouble...
doubleyong
管理员
管理员
  • 最后登录2025-12-02
  • 发帖数1198
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
沙发#
发布于:2018-10-16 14:08
666,楼主多分享哦
知识需要管理,知识需要分享
游客


返回顶部

公众号

公众号