Konwertuj pliki Excela (xlsx, xls, CSV) do formatu JSON w React.

Wszyscy mamy leżące pliki Excela, które należy przekonwertować na format JSON. Ale problem polega na tym, jak to zrobić? Cóż, istnieje wiele sposobów, a niektóre są lepsze od innych. Na tym blogu pokażę, jak łatwo przekonwertować pliki Excela do formatu JSON przy użyciu Node.js.

Co to jest reakcja?

React to bezpłatna biblioteka JavaScript o otwartym kodzie źródłowym do budowania interfejsów użytkownika w oparciu o komponenty UI, opracowana przez firmę Meta, wcześniej znaną jako Facebook.

Co to jest JSON?

JSON oznacza JavaScript Object Notation. JSON to standardowy format tekstowy do reprezentowania danych strukturalnych w oparciu o składnię obiektów JavaScript. Jest powszechnie używany do przesyłania danych w aplikacjach internetowych.

Zacznijmy!

Do konwersji plików Excel do formatu JSON wykorzystamy bibliotekę 'xlsx', która zapewnia szeroki wachlarz funkcji do pracy z arkuszami kalkulacyjnymi i manipulowania ich zawartością. Możesz zainstalować tę bibliotekę, uruchamiając następujące polecenie w swoim terminalu:

npm install xlsx

Aby odczytać plik Excel, musisz użyć metody FileReader z pliku xlsx. Po otrzymaniu danych z pliku Excela można skorzystać z sheet_to_jsonmetody z biblioteki xlsx, aby przekonwertować je do formatu JSON.

import React, { useState } from 'react';

const Test = () => {
const submitHandler=(e)=>{

    if (e.target.files) {
        const reader = new FileReader();
        reader.onload = (e) => {
            const data = e.target.result;
            const workbook = read(data, { type: "array" });
            const fileName= workbook.SheetNames[0];
            const sheet = workbook.Sheets[fileName];
            const json = utils.sheet_to_json(sheet);
            console.log("json",json);
        };
        reader.readAsArrayBuffer(e.target.files[0]);
    }
   }
<div>
 <input type="file" onChange={submitHandler}/>
</div>
}
export default Test

Użyliśmy następującego pliku programu Excel, aby przekonwertować go na format JSON.

Po przesłaniu tego pliku Excela otrzymamy dane JSON. Tutaj wyświetlamy dane JSON w tabeli.

Dziękuję za przeczytanie artykułu i mam nadzieję, że był dla Ciebie przydatny.

Pomocne linki :

PS: „Nie zamierzano naruszać praw autorskich, Happy Coding”.

https://www.linkedin.com/in/yash-baviskar-82250a113