js读取excel的值

最新推荐文章于 2024-07-30 11:29:23 发布

H_c_l

最新推荐文章于 2024-07-30 11:29:23 发布

阅读量2.6k

点赞数 1

分类专栏： js 文章标签： js 上传excel

本文链接：https://blog.csdn.net/H_c_l/article/details/90264390

版权

本文通过一个简单的JS demo展示如何读取Excel文件的值，并介绍了在实际项目中如何将这一功能应用到HTML和JavaScript代码中。

摘要由CSDN通过智能技术生成

简单的一个demo示例

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="http://oss.sheetjs.com/js-xlsx/xlsx.full.min.js"></script>

</head>

<body>
    <a class="ttt"> 12
    </a>
    <!-- input的file属性有时候可能是自己不需要的，想要自己设置一个样式
1：将input标签隐藏
2：在外面加一个标签
3：通过外面标签设置一个点击事件来触发input的onchange事件 -->
    <input type="file" class="tt" onchange="importf(this)" style="display:none;" />

    <div id="demo"></div>
    <script>

    </script>
    <script>
        document.querySelector('.ttt').addEventListener('click', function () {
    
            console.log(111)
            // 通过这种方式绑定点击事件可以有效的防止点击事件过多的时候相互影响
            document.querySelector('.tt').click();
        })
        /*
            FileReader共有4种读取方法：
            1.readAsArrayBuffer(file)：将文件读取为ArrayBuffer。
            2.readAsBinaryString(file)：将文件读取为二进制字符串
            3.readAsDataURL(file)：将文件读取为Data URL
            4.readAsText(file, [encoding])：将文件读取为文本，encoding缺省值为'UTF-8'
                         */
        var wb; //读取完成的数据
        var rABS = false; //是否将文件读取为二进制字符串

        function importf(obj) {
     //导入
            if (!obj.files) {
    
                return;
            }
            var f = obj.files[0];
            var reader = new FileReader();
            reader.onload = function (e