js解析excel

阿新 • • 發佈：2018-11-30

參考資料地址為這個
https://github.com/SheetJS/js-xlsx/tree/master/demos/datagrid

不過裡面有太多我用不上的程式碼。下面是我寫的精簡版的示例程式碼（相關js在這裡下https://github.com/SheetJS/js-xlsx）。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>SheetJS + canvas-datagrid Live Demo</title 
>
<style>
</style>
</head>
<body>
<input type="file" name="xlfile" id="xlf" />

<script src="../../shim.js"></script>
<script src="../../dist/xlsx.full.min.js"></script>
<script>
var X = XLSX;

function process_wb(wb) {
    var ws = wb.Sheets[wb.SheetNames[0 
]];   //獲取第幾個sheet頁
    var data = XLSX.utils.sheet_to_json(ws, {header:1});    //header 從第幾行開始解析
    console.log(data);      //得到一個二維陣列。
};

function do_file(files) {
    var reader = new FileReader();
    reader.onload = function(e) {
        process_wb(X.read(e.target.result, {type: 'binary'}));
    };
    reader.readAsBinaryString(files.target.files[0 
]);
};

(function() {
    var xlf = document.getElementById('xlf');
    if(!xlf.addEventListener) return;

    xlf.addEventListener('change', do_file, false); //新增監聽
})();

</script>

</body>
</html>

我的測試excel是這樣的
這裡寫圖片描述

控制檯打印出來的是這樣的
這裡寫圖片描述

該怎麼用就不用我說了吧。

js解析excel

參考資料地址為這個 https://github.com/SheetJS/js-xlsx/tree/master/demos/datagrid 不過裡面有太多我用不上的程式碼。下面是我寫的精簡版的示例程式碼（相關js在這裡下https://github.com/SheetJS/js

js解析Excel檔案，解析後的資料用Echarts折線圖展示

不多說了，直接上程式碼 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>js解析Excel</title> <

利用js-xlsx.js外掛實現Excel檔案匯入並解析Excel資料成json資料格式

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">

vue或js解析檔案excel表格js通過外掛解析表格讀取檔案

安裝外掛 cnpm i xlsx --save-dev cnpm i jquery --save-dev 引入外掛 html引入檔案 <input type="file" id="excel-file" value="fil

上傳EXCEL檔案到後端，匯入並解析EXCEL的前後端實現（Vue.js + java後端）

vue.js前端，Java後端，如何匯入excel檔案，並且解析，本文給了前後端程式碼的實現，以及完美實踐OK之後的分享。前端主要用了element-ui的upload元件。關於這個元件的官方文件很少：http://element-cn.eleme.io/#/zh-CN/compon

利用 js-xlsx 實現 Excel 檔案匯入並解析Excel資料成json格式的資料

原文出自http://www.jianshu.com/p/74d405940305，摘取了其中的一段，並做了相應的修改 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"

利用 js-xlsx 實現 Excel 檔案匯入並解析Excel資料成json格式的資料並且獲取其中某列資料

1、首先需要匯入js <script src="http://oss.sheetjs.com/js-xlsx/xlsx.full.min.js"></script> 2

js 解析本地的Excel檔案

var wb;// 讀取完成的資料 var rABS = false; // 是否將檔案讀取為二進位制字串 // 匯入 function importf(obj) { if (!obj.files) { return;

tasker中js解析json

code return asi span spa erro log img net { "translation": [ "愛" ], "basic": { "us-phonetic": "l?v", "phone

淺析ajax請求json數據並用js解析 [轉]

set gif .ajax -1 pen 技術分享 hide asc spa <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

Poi解析Excel

根據單元 trim 創建表實例 args bsp rownum ring Poi解析Excel Poi包裏有4個主要的類，包括： Workbook------工作表，通過WorkbookFactory的create(FileInputStream fis)方法獲取， S

JS解析機制

class clas 解析器初始 fun 引用語法方式進行變量和函數的聲明在js預編譯器被處理，而變量的初始化過程和函數的執行發生在執行期，執行期JS解析器按照代碼順序進行解析執行。在函數聲明之前調用函數也是合法的。 f(); //返回

使用apache POI解析Excel文件

sim bject 我們如果 dialog 日期源碼 round 清理 1. Apache POI簡介 Apache POI是Apache軟件基金會的開放源碼函式庫，POI提供API給Java程式對Microsoft Offic

JS解析json數據（如何將json字符串轉化為數組）

htm open Language eva clas ack logs lan obj 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 2 <HTML>

解析Excel

ble mode erl ets div toupper ioe acc declare package com.jpcar.utils; import java.io.File; import java.io.FileInputStream; import java.

安卓2.3 js解析問題 split()

return bsp ace cti 2.3 space 安卓 string arr 安卓2.3版本號解析錯誤，split和parseInt都會把09和08都解析成0,07下面解析沒有問題。解決的方法是直接取個位數。 function getYMD(yMd){

轉:java 解析excel，帶合並單元的excel

void lena words ger add leo main 下標解析excel 　　收集了一些對博主有幫助的博文,如下 >>>>>>>>>>>第一部分: 首先，mavn導入jar包 <!-- 解

JS解析JSON 註意事項總結

是不是註意 http 解析註意事項 parse .com 解析json string 0.必須先解析看看，不然看了白看地址： http://www.bejson.com/ 1.返回的節點內是不是一個json. 如 {id:1,names:"[{name:A},{

js解析器的執行原理

html 變化 ron 使用 meta utf 新的 class 而且首先看一段代碼 <!DOCTYPE html> <html> <head> <meta charset="utf-8" />

C#儀器數據文件解析-Excel文件（xls、xlsx）

sheet 解析工作站 row 問題 .get 壓縮安裝 shee 不少儀器工作站可以將數據導出為Excel文件，包括97-2003版本的xls文件和2007+的xlsx文件。采集Excel文件相比采集pdf文件更容易、程序更健壯，畢竟Excel中數據有明確的行、列

js解析excel

相關推薦