浏览器如何读取本地Excel表格

        浏览器可以读取Excel表格数据吗?
        答案是否定的,目前主流浏览器都无法打开本地Excel文档。
        答案也是肯定的,这就来看看具体实现方法!!!

        首先准备一个Excel表格文件

        保存在D:\\temp\测试表.xlsx。也就是一个普通的Excel表。

        读取Excel表格转JSON

        运行木头浏览器程序,通过自动控制菜单打开【项目管理器】,在左侧步骤树中创建一个【自定义变量】的步骤。添加一个自定义变量,设定其内容来自Excel文件,并选取上一步创建的文档D:\\temp\测试表.xlsx。设定获取该文档的第一个工作表,注意此处字段名保持空的就好了(如果填写字段名,则读取该字段下的数据。如果没有字段名,则读取整个工作表)。文件读取结果将转换为JSON文本格式并保存在一个名为【1Var1】的变量中。

        JSON转Table

        再创建一个【脚本代码】的步骤,我们通过执行Javascript代码,读取JSON数据,并转换为Html元素Table。最后把Table呈现在浏览器当前页面之上。


        JSON转Table代码

document.body.innerText="";//清空网页内容
var table = document.createElement('table');  //创建表格
var json = JSON.parse("{1Var1}"); //获取JSON数据
var thead = document.createElement('thead');  
var tr = document.createElement('tr');    
json.forEach(function(item, index) {  
  var th = document.createElement('th');  
  th.textContent = Object.keys(item)[index];
   th.setAttribute("style","border: solid; border-width: 1px;")
  tr.appendChild(th);  
});    
thead.appendChild(tr);  
table.appendChild(thead);  
document.body.appendChild(table);  
var tbody = document.createElement('tbody');  
json.forEach(function(item) {  
  var tr = document.createElement('tr');  
  Object.values(item).forEach(function(value) {  
    var td = document.createElement('td');  
    td.textContent = value;  
    td.setAttribute("style","border: solid; border-width: 1px;")
    tr.appendChild(td);  
  });  
  tbody.appendChild(tr);  
});
table.appendChild(tbody);
table.outerHTML

       浏览器显示Excel内容

        通过执行上面的代码,浏览器页面被Excel表格内容替换。
 

        从Excel工作表转换JSON,再把JSON转换为网页表格,这就实现了浏览器读取Excel内容。

相关推荐

  1. Unity3D 如何读取策划给定的Excel表格详解

    2023-12-05 16:58:03       42 阅读
  2. go语言读取Excel表格中的数据

    2023-12-05 16:58:03       38 阅读
  3. 通过xlsx库解析读取excel表格内容

    2023-12-05 16:58:03       20 阅读

最近更新

  1. TCP协议是安全的吗?

    2023-12-05 16:58:03       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-05 16:58:03       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-05 16:58:03       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-05 16:58:03       18 阅读

热门阅读

  1. Stable Diffusion WebUI常用Tag收集

    2023-12-05 16:58:03       31 阅读
  2. 破解app思路

    2023-12-05 16:58:03       30 阅读
  3. 6-HBase分布式数据库

    2023-12-05 16:58:03       31 阅读
  4. vue3 子父组件、组件传值、

    2023-12-05 16:58:03       34 阅读
  5. Vue3-admin-template的表格合计计算

    2023-12-05 16:58:03       37 阅读
  6. 针对Arrays.asList的坑,可以有哪些处理措施

    2023-12-05 16:58:03       45 阅读
  7. mac如何永久设置环境变量

    2023-12-05 16:58:03       41 阅读
  8. React - 表单组件实现

    2023-12-05 16:58:03       38 阅读
  9. Diary18-Word文本部件

    2023-12-05 16:58:03       35 阅读
  10. GnuCash macos 设置中文的方法

    2023-12-05 16:58:03       36 阅读