Chuyển excel sang json reactjs

Ban đầu, khi tôi bắt đầu làm việc với yêu cầu này, mọi người đề xuất sử dụng bất kỳ thư viện phụ trợ nào để đọc và chuyển đổi dữ liệu excel thành các đối tượng JSON. Nhưng rất khó để gửi yêu cầu đến máy chủ mọi lúc. Mặt khác, thật dễ dàng để chuyển đổi tệp excel trên máy khách thành đối tượng JSON bằng cách sử dụng JavaScript thuần túy

Có một plugin JavaScript XSLX có thể được sử dụng để đọc các tệp excel dưới dạng chuỗi nhị phân và chuyển đổi chúng thành các đối tượng JSON

Yêu cầu plugin. xlsx. đầy. tối thiểu. js

Cài đặt

Bao gồm liên kết CDN trong thẻ

$ convert-excel-to-json --config='{"sourceFile": "tests/test-data.xlsx"}'

5 của tệp HTML như thế này

Đối với tất cả các ví dụ, giả sử rằng tệp excel của chúng tôi có hai trang tính, được đặt tên là 'sheet1' và 'sheet2'

CLI

OBS. Tất cả các ví dụ sau có thể được sử dụng thông qua dòng lệnh, trong trường hợp này, tham số

npm install -g convert-excel-to-json

9 cần một chuỗi JSON hợp lệ

$ convert-excel-to-json --config='{"sourceFile": "tests/test-data.xlsx"}'

Để sử dụng nó, chỉ truyền vào tệp nguồn mà không cần cấu hình bổ sung

$ convert-excel-to-json --sourceFile="tests/test-data.xlsx"

Để kiểm tra phần trợ giúp

$ convert-excel-to-json --help

chuyển đổi đơn giản

Chỉ lấy tất cả các hàng, cho mỗi trang tính, trong đó mỗi hàng sẽ được đại diện bởi một đối tượng có cấu trúc như

$ convert-excel-to-json --config='{"sourceFile": "tests/test-data.xlsx"}'

0, e. g. từ một trang tính chỉ có một cột (cột A) và hai hàng

$ convert-excel-to-json --config='{"sourceFile": "tests/test-data.xlsx"}'

1

'use strict';
const excelToJson = require('convert-excel-to-json');
 
const result = excelToJson({
    sourceFile: 'SOME-EXCEL-FILE.xlsx'
});



 
// result will be an Object containing keys with the same name as the sheets found on the excel file. Each of the keys will have an array of objects where each of them represents a row of the container sheet. e.g. for a excel file that has two sheets ('sheet1', 'sheet2')
{
    sheet1: [{
        A: 'data of cell A1',
        B: 'data of cell B1',
        C: 'data of cell C1'
    }],
    sheet2: [{
        A: 'data of cell A1',
        B: 'data of cell B1',
        C: 'data of cell C1'
    }]
}
 
 

Chuyển đổi một xlsx mà bạn có dưới dạng Bộ đệm

'use strict';
const excelToJson = require('convert-excel-to-json');
const fs = require('fs');
 
const result = excelToJson({
    source: fs.readFileSync('SOME-EXCEL-FILE.xlsx') // fs.readFileSync return a Buffer
});
 
// result will be an Object containing keys with the same name as the sheets found on the excel file. Each of the keys will have an array of objects where each of them represents a row of the container sheet. e.g. for a excel file that has two sheets ('sheet1', 'sheet2')



{
    sheet1: [{
        A: 'data of cell A1',
        B: 'data of cell B1',
        C: 'data of cell C1'
    }],
    sheet2: [{
        A: 'data of cell A1',
        B: 'data of cell B1',
        C: 'data of cell C1'
    }]
}

Xác định các hàng tiêu đề

Bạn sẽ nhận thấy rằng nếu trang tính của bạn có một số hàng trên cùng được thiết lập làm tiêu đề (điều này rất phổ biến), vị trí đầu tiên trong kết quả của chúng tôi sẽ có dữ liệu này, trong trường hợp này, dữ liệu này sẽ không hữu ích lắm. Vì vậy, chúng tôi có thể cho mô-đun biết có bao nhiêu hàng là tiêu đề, vì vậy chúng tôi có thể bỏ qua chúng và chỉ nhận dữ liệu

________số 8

Chỉ đến các trang tính cụ thể

Chỉ lấy tất cả các hàng cho mỗi trang được xác định trên đối tượng cấu hình

'use strict';
const excelToJson = require('convert-excel-to-json');
 
const result = excelToJson({
    sourceFile: 'SOME-EXCEL-FILE.xlsx',
    header:{
        rows: 1
    },
    sheets: ['sheet2']
});



 
// result will be an Object like:
{
    sheet2: [{
        A: 'data of cell A1',
        B: 'data of cell B1',
        C: 'data of cell C1'
    }]
}

Ánh xạ các cột tới các phím

Một cấu hình cho tất cả các trang tính

Nhận tất cả các hàng, cho mỗi trang tính, nhưng xác định cột nào sẽ được trả về và cách chúng được đặt tên trên đối tượng kết quả

$ convert-excel-to-json --config='{"sourceFile": "tests/test-data.xlsx"}'

0

Cấu hình trên mỗi tờ

Nhận tất cả các hàng, cho mỗi trang tính, nhưng xác định cột nào sẽ được trả về và cách đặt tên chúng trên đối tượng kết quả, trên mỗi trang tính

npm install -g convert-excel-to-json

0

OBS. Tiêu đề cấu hình. các hàng cũng có thể được xác định trên mỗi trang tính, như trong ví dụ trước của columnToKey. e. g

npm install -g convert-excel-to-json

1

Ánh xạ các cột tới các phím. Biến đặc biệt

Biến ô

Một giá trị từ một ô cụ thể có thể được định nghĩa là một tên khóa (e. g.

$ convert-excel-to-json --config='{"sourceFile": "tests/test-data.xlsx"}'

2). e. g. nếu chúng tôi có 3 hàng được phân bổ cho một tiêu đề, nhưng giá trị văn bản được chỉ định ở hàng đầu tiên

npm install -g convert-excel-to-json

2

OBS. {{columnHeader}} sẽ theo tiêu đề cấu hình. các hàng hoặc, trong trường hợp không được chỉ định, nó sẽ luôn coi hàng đầu tiên là tiêu đề

Làm cách nào để chuyển đổi tệp excel thành JSON?

Làm cách nào để chuyển đổi dữ liệu excel sang JSON trong js?

Làm cách nào để lấy dữ liệu từ excel ở định dạng JSON trong Reacjs?

Làm cách nào để chuyển đổi tệp XLSX thành JSON?