Я хочу получить файл csv из входного тега и преобразовать данные файла csv в объект json. Есть ли какой-либо плагин в реакции js или какой-либо собственный код?
Как преобразовать данные файла csv в объект json в reactjs?
comment
привет, попробуйте этот URL-адрес json">stackoverflow.com/questions/61723056/
- person Zubair Saif   schedule 17.06.2021
Ответы (2)
Вы можете использовать внешнюю библиотеку, например Papa Parse, для анализа данных CSV.
Простой входной тег с типом файла будет работать для чтения данных CSV.
<input
type="file"
accept=".csv,.xlsx,.xls"
onChange={handleFileUpload}
/>
Пожалуйста, объявите функцию handleFileUpload
и используйте библиотеку внутри для анализа прочитанных данных.
Вот пример, который будет читать файл CSV и регистрировать соответствующий JSON:
import Papa from "papaparse";
export default function App() {
return (
<div className="App">
<input
type="file"
accept=".csv,.xlsx,.xls"
onChange={(e) => {
const files = e.target.files;
console.log(files);
if (files) {
console.log(files[0]);
Papa.parse(files[0], {
complete: function(results) {
console.log("Finished:", results.data);
}}
)
}
}}
/>
</div>
);
}
person
junkie
schedule
12.06.2021
Вы можете сослаться на эту ссылку ниже.
https://www.npmjs.com/package/react-papaparse
В методе handleOnFileLoad вы получите данные, извлеченные из файла csv. Вы получите ответ JSON прямо оттуда. Приведенная выше ссылка не поддерживает формат xlxs. Для этого вам нужен другой пакет npm.
person
Chandra Shekar
schedule
12.06.2021