Jestem w stanie odczytać plik Excela, FileReader
ale wyświetla tekst, a także dziwne znaki. Muszę czytać xls
plik w wierszach, odczytać dane w każdej kolumnie i przekonwertować je na JSON.
Jak czytać plik xls wiersz po wierszu?
javascript
json
html
xls
filereader
ducktyped
źródło
źródło
Odpowiedzi:
Funkcja poniżej konwertuje dane arkusza Excel (format XLSX) do formatu JSON. możesz dodać obietnicę do funkcji.
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.8.0/jszip.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.8.0/xlsx.js"></script> <script> var ExcelToJSON = function() { this.parseExcel = function(file) { var reader = new FileReader(); reader.onload = function(e) { var data = e.target.result; var workbook = XLSX.read(data, { type: 'binary' }); workbook.SheetNames.forEach(function(sheetName) { // Here is your object var XL_row_object = XLSX.utils.sheet_to_row_object_array(workbook.Sheets[sheetName]); var json_object = JSON.stringify(XL_row_object); console.log(json_object); }) }; reader.onerror = function(ex) { console.log(ex); }; reader.readAsBinaryString(file); }; }; </script>
Poniższy post zawiera kod dla formatu XLS Excel na kod JavaScript JSON?
źródło
jszip.js
skryptxlsx.js
.Stare pytanie, ale powinienem zauważyć, że ogólne zadanie parsowania plików XLS z javascript jest żmudne i trudne, ale nie niemożliwe.
Mam podstawowe parsery zaimplementowane w czystym JS:
Obie strony są parserami XLS / XLSX opartymi na interfejsie API pliku HTML5 (możesz przeciągnąć i upuścić plik, a dane w komórkach zostaną wydrukowane w postaci listy oddzielonej przecinkami). Możesz także generować obiekty JSON (zakładając, że pierwszy wiersz jest wierszem nagłówka).
Zestaw testów http://oss.sheetjs.com/ pokazuje wersję, która używa XHR do pobierania i analizowania plików.
źródło
Prześlij
excel file
tutaj i możesz pobrać dane wJSON
formacieconsole
:<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.8.0/jszip.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.8.0/xlsx.js"></script> <script> var ExcelToJSON = function() { this.parseExcel = function(file) { var reader = new FileReader(); reader.onload = function(e) { var data = e.target.result; var workbook = XLSX.read(data, { type: 'binary' }); workbook.SheetNames.forEach(function(sheetName) { // Here is your object var XL_row_object = XLSX.utils.sheet_to_row_object_array(workbook.Sheets[sheetName]); var json_object = JSON.stringify(XL_row_object); console.log(JSON.parse(json_object)); jQuery( '#xlx_json' ).val( json_object ); }) }; reader.onerror = function(ex) { console.log(ex); }; reader.readAsBinaryString(file); }; }; function handleFileSelect(evt) { var files = evt.target.files; // FileList object var xl2json = new ExcelToJSON(); xl2json.parseExcel(files[0]); } </script> <form enctype="multipart/form-data"> <input id="upload" type=file name="files[]"> </form> <textarea class="form-control" rows=35 cols=120 id="xlx_json"></textarea> <script> document.getElementById('upload').addEventListener('change', handleFileSelect, false); </script>
To jest połączenie następujących
Stackoverflow
postów:Powodzenia...
źródło
Ten kod może ci pomóc W
większości przypadków jszip.js nie działa, więc dołącz xlsx.full.min.js do swojego kodu js.
Kod HTML
<input type="file" id="file" ng-model="csvFile" onchange="angular.element(this).scope().ExcelExport(event)"/>
Javascript
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.8.0/xlsx.js"> </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.8.0/jszip.js"> </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.10.8/xlsx.full.min.js"> </script> $scope.ExcelExport= function (event) { var input = event.target; var reader = new FileReader(); reader.onload = function(){ var fileData = reader.result; var wb = XLSX.read(fileData, {type : 'binary'}); wb.SheetNames.forEach(function(sheetName){ var rowObj =XLSX.utils.sheet_to_row_object_array(wb.Sheets[sheetName]); var jsonObj = JSON.stringify(rowObj); console.log(jsonObj) }) }; reader.readAsBinaryString(input.files[0]); };
źródło
Jeśli szukasz najprostszego i najmniejszego sposobu odczytu pliku * .xlsx w przeglądarce, ta biblioteka może to zrobić:
https://catamphetamine.github.io/read-excel-file/
<input type="file" id="input" />
import readXlsxFile from 'read-excel-file' const input = document.getElementById('input') input.addEventListener('change', () => { readXlsxFile(input.files[0]).then((data) => { // `data` is an array of rows // each row being an array of cells. }) })
W powyższym przykładzie
data
są to nieprzetworzone dane ciągów. Można go przeanalizować do formatu JSON ze ścisłym schematem, przekazującschema
argument. Zobacz dokumentację API, aby zobaczyć przykład.Dokumentacja API: http://npmjs.com/package/read-excel-file
źródło
Dziękuję za powyższą odpowiedź, myślę, że zakres (odpowiedzi) jest zakończony, ale chciałbym dodać „sposób reagowania” dla każdego, kto używa Reaguj.
Utwórz plik o nazwie importData.js:
import React, {Component} from 'react'; import XLSX from 'xlsx'; export default class ImportData extends Component{ constructor(props){ super(props); this.state={ excelData:{} } } excelToJson(reader){ var fileData = reader.result; var wb = XLSX.read(fileData, {type : 'binary'}); var data = {}; wb.SheetNames.forEach(function(sheetName){ var rowObj =XLSX.utils.sheet_to_row_object_array(wb.Sheets[sheetName]); var rowString = JSON.stringify(rowObj); data[sheetName] = rowString; }); this.setState({excelData: data}); } loadFileXLSX(event){ var input = event.target; var reader = new FileReader(); reader.onload = this.excelToJson.bind(this,reader); reader.readAsBinaryString(input.files[0]); } render(){ return ( <input type="file" onChange={this.loadFileXLSX.bind(this)}/> ); } }
Następnie możesz użyć komponentu w metodzie renderowania, na przykład:
import ImportData from './importData.js'; import React, {Component} from 'react'; class ParentComponent extends Component{ render(){ return (<ImportData/>); } }
<ImportData/>
by ustawić dane do własnego państwa, można uzyskać dostęp do danych programu Excel w „komponentu macierzystego”, wykonując w tym :źródło
<ImportData/>
zamiast<importData/>
. Jestem dość nowy w React, ale uważam, że nazwy komponentów są zawsze pisane wielkimi literami. W każdym razie jest to nazwa używana podczas importu w przykładzie.<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.8.0/jszip.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.8.0/xlsx.js"></script> <script> var ExcelToJSON = function() { this.parseExcel = function(file) { var reader = new FileReader(); reader.onload = function(e) { var data = e.target.result; var workbook = XLSX.read(data, { type: 'binary' }); workbook.SheetNames.forEach(function(sheetName) { // Here is your object var XL_row_object = XLSX.utils.sheet_to_row_object_array(workbook.Sheets[sheetName]); var json_object = JSON.stringify(XL_row_object); console.log(JSON.parse(json_object)); jQuery( '#xlx_json' ).val( json_object ); }) }; reader.onerror = function(ex) { console.log(ex); }; reader.readAsBinaryString(file); }; }; function handleFileSelect(evt) { var files = evt.target.files; // FileList object var xl2json = new ExcelToJSON(); xl2json.parseExcel(files[0]); } </script> <form enctype="multipart/form-data"> <input id="upload" type=file name="files[]"> </form> <textarea class="form-control" rows=35 cols=120 id="xlx_json"></textarea> <script> document.getElementById('upload').addEventListener('change', handleFileSelect, false); </script>
źródło
Jeśli kiedykolwiek zastanawiałeś się, jak odczytać plik z serwera, ten kod może być pomocny.
Ograniczenia:
<Head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script lang="javascript" src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.12.4/xlsx.core.min.js"></script> </head> <body> <script> /* set up XMLHttpRequest */ // replace it with your file path in local server var url = "http://localhost/test.xlsx"; var oReq = new XMLHttpRequest(); oReq.open("GET", url, true); oReq.responseType = "arraybuffer"; oReq.onload = function(e) { var arraybuffer = oReq.response; /* convert data to binary string */ var data = new Uint8Array(arraybuffer); var arr = new Array(); for (var i = 0; i != data.length; ++i) { arr[i] = String.fromCharCode(data[i]); } var bstr = arr.join(""); var cfb = XLSX.read(bstr, { type: 'binary' }); cfb.SheetNames.forEach(function(sheetName, index) { // Obtain The Current Row As CSV var fieldsObjs = XLS.utils.sheet_to_json(cfb.Sheets[sheetName]); fieldsObjs.map(function(field) { $("#my_file_output").append('<input type="checkbox" value="' + field.Fields + '">' + field.Fields + '<br>'); }); }); } oReq.send(); </script> </body> <div id="my_file_output"> </div> </html>
źródło
dołącz pliki xslx.js, xlsx.full.min.js, jszip.js
dodać procedurę obsługi zdarzeń onchange do wejścia pliku
function showDataExcel(event) { var file = event.target.files[0]; var reader = new FileReader(); var excelData = []; reader.onload = function (event) { var data = event.target.result; var workbook = XLSX.read(data, { type: 'binary' }); workbook.SheetNames.forEach(function (sheetName) { // Here is your object var XL_row_object = XLSX.utils.sheet_to_row_object_array(workbook.Sheets[sheetName]); for (var i = 0; i < XL_row_object.length; i++) { excelData.push(XL_row_object[i]["your column name"]); } var json_object = JSON.stringify(XL_row_object); console.log(json_object); alert(excelData); }) }; reader.onerror = function (ex) { console.log(ex); }; reader.readAsBinaryString(file); }
źródło
XLS to binarny zastrzeżony format używany przez firmę Microsoft. Parsowanie XLS z językami po stronie serwera jest bardzo trudne bez użycia określonej biblioteki lub Office Interop. Robienie tego za pomocą javascript jest niemożliwe. Dzięki interfejsowi API plików HTML5 możesz czytać jego zawartość binarną, ale aby ją przeanalizować i zinterpretować, musisz zagłębić się w specyfikacje formatu XLS . Począwszy od pakietu Office 2007 firma Microsoft przyjęła formaty plików Open XML (
xslx
dla programu Excel), które są standardem.źródło
var excel = nowy obiekt ActiveXObject ("Excel.Application"); var book = excel.Workbooks.Open (your_full_file_name_here.xls); var sheet = book.Sheets.Item (1); var value = sheet.Range ("A1");
kiedy masz arkusz. Możesz używać funkcji VBA, tak jak w programie Excel.
źródło