Как распарсить xls файл в JavaScript в json или xml?

Question

[Shurik]

Приветствую!
Есть задача в input загрузить xls файл и потом распарсить его по строкам. Читал схожие вопросы, но ни к чему это не привело.
Пробовал сделать этой библиотекой SheetJs , но насколько я понял надо в на все это дело в node js запускать, да и примеры не особо понятны.
На странице этой библиотеки есть пример тут, который в принципе конвертирует xls в json, но запустить локально, чтоб изменить под себя так и не смог((
Подскажите пожалуйста в какую сторону двигаться, возможно есть какие то рабочие примеры уже.

Answer 1

[Максим]

В console.log выводится

Comments

[Shurik]

Спасибо! пример работает!!!
Только вот у меня еще вопрос касаемо библиотеки. В браузере я подключил SheetJS используя и у меня, судя по всему, импортировалась переменная XLS c методами и свойствами.
А как сделать, чтобы пример работал в Vue? Полагаю надо установить через npm, а потом как то импортировать эту библиотеку в в компонент?

[Максим]

svisch, я вью не знаю здесь не могу помочь

[Shurik]

Максим Ленский, ну в принципе там думаю уже разберусь. Еще раз спасибо) Сильно помогли)

[Shurik]

Максим Ленский, а скажите пожалуйста еще вот что. Вот допустим я изначально правильно определил, что надо решать задачу с помощью библиотеки SheetJS. Как вы все (гуру в смысле) узнаете какие методы и свойства есть у данного решения?)) Просто на страничке бибиотеки я ничего такого не нашел

[Максим]

svisch, я не гуру - я тоже учусь - хренова учусь - но есть google - пишем на английском - xls to json javascript и видим всего один результат - берём - генерируем xls файл - я открыл open offes сгенерировал таблицу и сохранил - код скопипастил в codepen - нажал - выбрал файл и увидел в консоле шляпу - опять погуглил - нашёл страницу где обсуждали этот плагин - там же взял код - дополнил - проверил - работает - написал ответ - попробовал распарсить собственную таблицу - получилось - код оставил - но на оф странице есть вся инфа

[Shurik]

Максим Ленский, понял. В общем методом проб и ошибок! А то я думал может я один такой тыкаю и изучаю чужие примеры))

[Максим]

svisch, нее ! ты что я тоже такой же как ты - здесь есть гуру - они отвечают если вопрос не комерческий и если интересный и не заняты а я вообще врач - а html css js svg - хобби

[Shurik]

Максим Ленский, а если в вашем примере в какой то строке в одной из ячеек встречается несколько строк возможно ли сделать, чтобы структура был вложенной? Сейчас работает так, что создается новая строка.
Например, если в какой то ячейке нестколько строк, то вывод будет таким:
{"var": "somevar", "num": "somenum", "item": "someitem"}
{"item": "someitem2"}
{"item": "someitem3"}
А хотелось бы:
{"var": "somevar", "num": "somenum", "items": {"item1": "someitem", "item2": "someitem2".....}}
Пытаюсь разобраться в вашем коде, но пока еще не до конца раборался)

[Максим]

svisch, это как в таблице будет - он же просто парсит и всё

[Shurik]

Максим Ленский, то есть скрипт берет строку и переводит ее в json строку? Может во время парсинга в свою структуру переводить. В объект например...

[Максим]

svisch, там и так object -

[Shurik]

Максим Ленский, ладно, буду думать) еще раз спасибо)