Я могу читать файл Excel через FileReader но он выводит текст, а также странные символы с ним. Мне нужно прочитать файл xls, прочитать данные в каждом столбце и преобразовать его в JSON.
Как читать файл xls построчно?
Как анализировать файл Excel в Javascript/HTML5
Ответ 1
Функция ниже преобразует данные листа Excel (в формате XLSX) в формат JSON. Вы можете добавить обещание к функции.
<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>
Ниже в посте есть код для формата XLS Excel в JSON код JavaScript?
Ответ 2
Старый вопрос, но я должен отметить, что общая задача разбора файлов XLS из javascript является утомительной и трудной, но не невозможной.
У меня есть основные парсеры, реализованные в чистом JS:
- http://oss.sheetjs.com/js-xls/ (файлы XLS, что вы хотели)
- http://oss.sheetjs.com/js-xlsx/ (файлы XLSX/XLSM/XLSB)
Обе страницы - это синтаксические анализаторы XLS/XLSX, основанные на API файлов HTML5 (вы можете перетаскивать свой файл и распечатывать данные в ячейках в списке, разделенном запятыми). Вы также можете создавать объекты JSON (если первая строка является строкой заголовка).
В тестовом пакете http://oss.sheetjs.com/ показана версия, использующая XHR для получения и анализа файлов.
Ответ 3
Этот код может помочь вам. Большую часть времени jszip.js не работает, поэтому включите xlsx.full.min.js в свой js-код.
Код 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]);
};
Ответ 4
Загрузите excel file здесь, и вы можете получить данные в формате JSON в console:
<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>Ответ 5
Если вы хотите самый простой и крошечный способ чтения файла *.xlsx в браузере, то эта библиотека может сделать:
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.
})
})
В приведенном выше примере data являются необработанными строковыми данными. Его можно проанализировать в JSON со строгой схемой, передав аргумент schema. См. API документы для примера этого.
Документы по API: http://npmjs.com/package/read-excel-file
Ответ 6
Если вам интересно, как прочитать файл с сервера, этот код может быть полезен.
Ограничения:
- Файл должен быть на сервере (локальный/удаленный).
- Вам нужно будет настроить заголовки или использовать плагин CORS Google.
<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>
Ответ 7
включают xslx.js, xlsx.full.min.js, jszip.js
добавить обработчик события onchange в файл ввода
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);
}
Ответ 8
XLS - это двоичный собственный формат, используемый Microsoft. Разбор XLS с серверными языковыми языками очень затруднен без использования какой-либо определенной библиотеки или Office Interop. Выполнение этого с помощью javascript невозможно. Благодаря API-интерфейсу HTML5 вы можете прочитать его двоичное содержимое, но для его анализа и интерпретации вам нужно будет погрузиться в спецификации формата XLS. Начиная с Office 2007, Microsoft обняла форматы Open XML (xslx для Excel), который является стандартом.
Ответ 9
var excel = новый объект 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" );
когда у вас есть лист. Вы можете использовать функции VBA, как и в Excel.