【如何把base64的文件，转成正常文件】

爱码社长

于 2024-07-24 14:43:45 发布

阅读量115

点赞数 3

文章标签： javascript ajax 开发语言

本文链接：https://blog.csdn.net/mars131458/article/details/140662771

版权

今天遇到一个问题，后端给的文件是base64加密过的字符串，我通过apifox请求接口，想得到正常文件，看看效果的愿望被挡住了。
咋办呢？
那就写一个讲base64的文件转成正常文件的工具吧。
我这边的文件知道格式是excel，所以，后缀我写成了.xlsx

代码如下：

<!DOCTYPE html>
<html>
<head>
    <title>下载Excel文件</title>
</head>
<body>
    <button onclick="downloadExcel()">下载Excel文件</button>

    <script>
        function downloadExcel() {
            // 将你的base64字符串替换到这里
            var base64String = "data:application/vnd.ms-excel;base64,你的base64字符串";
            var fileName = "output.xlsx";

            // 将base64字符串转换为Blob对象
            var arr = base64String.split(',');
            var mime = arr[0].match(/:(.*?);/)[1];
            var bstr = atob(arr[1]);
            var n = bstr.length;
            var u8arr = new Uint8Array(n);
            while(n--){
                u8arr[n] = bstr.charCodeAt(n);
            }
            var blob = new Blob([u8arr], {type:mime});

            // 创建下载链接
            var url = URL.createObjectURL(blob);

            // 创建下载链接的a标签
            var a = document.createElement("a"); 
            a.href = url;
            a.download = fileName;  
            document.body.appendChild(a);
            a.click();
            window.URL.revokeObjectURL(url); 
            a.remove();  
        }
    </script>
</body>
</html>

把你的base64字符串放进去，然后把这段代码复制到一个txt文件里面。改一下文件后缀为html，双击打开就可以啦。
在这里插入图片描述

完美，文件就这么打开了。

爱码社长

关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
【如何把base64的文件，转成正常文件】

今天遇到一个问题，后端给的文件是base64加密过的字符串，我通过apifox请求接口，想得到正常文件，看看效果的愿望被挡住了。把你的base64字符串放进去，然后把这段代码复制到一个txt文件里面。base64,你的base64字符串"我这边的文件知道格式是excel，所以，后缀我写成了.xlsx。那就写一个讲base64的文件转成正常文件的工具吧。// 将base64字符串转换为Blob对象。// 将你的base64字符串替换到这里。// 创建下载链接的a标签。完美，文件就这么打开了。
复制链接

扫一扫