前端例程20220326：十六进制数组转文件工具

Naisu Xu

已于 2022-07-28 14:44:19 修改

阅读量1.6k

点赞数 2

分类专栏： Web与JS相关文章标签： js 前端 web 文件下载文件转换

于 2022-03-26 20:43:32 首次发布

本文链接：https://blog.csdn.net/Naisu_kun/article/details/123762941

版权

Web与JS相关专栏收录该内容

58 篇文章 19 订阅

订阅专栏

文章目录

前言
功能演示
代码实现

前言

之前写过《前端例程20210808：文件转十六进制数组工具》这个文章。后面有人有逆转此过程的需求，所以就写了这个工具。

功能演示

在这里插入图片描述

代码实现

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>十六进制字节数组转文件工具</title>
    <script>
        function clean() {
            document.getElementById("txtarr").value = "";
        }

        function download() {
            let txtarr = document.getElementById("txtarr").value.split(",");
            let filearr = new Uint8Array(txtarr.length);
            for (let i = 0; i < txtarr.length; i++) {
                filearr[i] = parseInt(txtarr[i].replaceAll(" ", ""));
            }

            let file = new Blob([filearr], { type: "application/octet-stream" });

            let downloadlink = document.createElement("a");
            downloadlink.href = URL.createObjectURL(file)
            downloadlink.download = document.getElementById("filename").value;
            downloadlink.click();
        }
    </script>
</head>

<body>
    <p>十六进制字节文件数据粘贴到下面：</p>
    <textarea id="txtarr" style="overflow-y: scroll; width: 30rem; height: 15rem;"></textarea>
    <br><br><button onclick="clean()">清空数据</button>
    <br><br><span>文件名：</span><input type="text" id="filename"> <button onclick="download()">下载文件</button>
</body>

</html>

Naisu Xu

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
1
评论
前端例程20220326：十六进制数组转文件工具

文章目录前言功能演示代码实现前言之前写过《前端例程：文件转十六进制数组工具》这个文章。后面有人有逆转此过程的需求，所以就写了这个工具。功能演示代码实现<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>十六进制字节数组转文件工具</title> <script> function clean() {
复制链接

扫一扫