Konvertieren Sie Excel-Dateien (xlsx, xls, CSV) in das JSON-Format in React.

Wir alle haben Excel-Dateien herumliegen, die in JSON konvertiert werden müssen. Aber das Problem ist, wie machen wir das? Nun, es gibt viele Möglichkeiten und einige sind besser als andere. In diesem Blog zeige ich Ihnen, wie Sie Ihre Excel-Dateien mit Node.js ganz einfach in ein JSON-Format konvertieren.

Was ist Reagieren?

React ist eine kostenlose Open-Source-JavaScript-Bibliothek zum Erstellen von Benutzeroberflächen basierend auf UI-Komponenten, entwickelt von Meta, früher bekannt als Facebook.

Was ist JSON?

JSON steht für JavaScript Object Notation. JSON ist ein standardmäßiges textbasiertes Format zur Darstellung strukturierter Daten basierend auf der JavaScript-Objektsyntax. Es wird häufig zur Datenübertragung in Webanwendungen verwendet.

Lass uns anfangen!

Um Excel-Dateien in das JSON-Format zu konvertieren, verwenden wir die Bibliothek „xlsx“, die eine breite Palette von Funktionen für die Arbeit mit Tabellenkalkulationen und die Bearbeitung ihres Inhalts bietet. Sie können diese Bibliothek installieren, indem Sie den folgenden Befehl in Ihrem Terminal ausführen:

npm install xlsx

Um die Excel-Datei zu lesen, müssen Sie die FileReader-Methode von xlsx verwenden. Nachdem Sie Daten aus der Excel-Datei erhalten haben, können Sie sheet_to_jsondiese mit der Methode aus der xlsx-Bibliothek in das JSON-Format konvertieren.

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

Wir haben die folgende Excel-Datei verwendet, um sie in JSON zu konvertieren.

Nach dem Hochladen dieser Excel-Datei erhalten wir JSON-Daten. Hier haben wir JSON-Daten in der Tabelle angezeigt.

Vielen Dank für das Lesen des Artikels und ich hoffe, dass er für Sie nützlich war.

Hilfreiche Links :

PS: „Keine Urheberrechtsverletzung beabsichtigt, Happy Coding.“

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