js把base64转为可下载文件

最新推荐文章于 2025-07-24 15:00:00 发布

原创最新推荐文章于 2025-07-24 15:00:00 发布 · 1.9w 阅读

8 ·

CC 4.0 BY-SA版权

其他同时被 2 个专栏收录

51 篇文章

订阅专栏

javascript

30 篇文章

订阅专栏

本文介绍了一种将Base64编码的数据转换为Blob对象的方法，并通过JavaScript实现了利用Blob对象进行文件下载的功能。文章详细展示了如何解析Base64字符串、创建Blob对象以及设置必要的属性以触发文件下载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、html代码放一个a标签

<a href=""></a>

2、js代码

	var downLoad =  document.querySelectorAll('#down a')[0];

	var downLoad =  document.querySelectorAll('#down a')[0];
        var blob = getBlob(base64Text);
		                   downLoad.setAttribute('href',URL.createObjectURL(blob));
        function getBlob(base64) {
        	console.log(getContentType(base64))
            return b64toBlob(getData(base64), getContentType(base64));
        }          
        function getContentType(base64) {
            return /data:([^;]*);/i.exec(base64)[1];
        }
 
        function getData(base64) {
            return base64.substr(base64.indexOf("base64,") + 7, base64.length);
        }
        
        function b64toBlob(b64Data, contentType, sliceSize) {
            contentType = contentType || '';
            sliceSize = sliceSize || 512;
 
            var byteCharacters = atob(b64Data);
            var byteArrays = [];
 
            for (var offset = 0; offset < byteCharacters.length; offset += sliceSize) {
                var slice = byteCharacters.slice(offset, offset + sliceSize);
 
                var byteNumbers = new Array(slice.length);
                for (var i = 0; i < slice.length; i++) {
                    byteNumbers[i] = slice.charCodeAt(i);
                }
 
                var byteArray = new Uint8Array(byteNumbers);
 
                byteArrays.push(byteArray);
            }
 
            var blob = new Blob(byteArrays, { type: contentType });
            return blob;
        }