New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
xlsx-parse-json
Advanced tools
xlsx-parse-json - npm Package Compare versions
Comparing version 2.0.2 to 2.0.3
| { | ||
| "name": "xlsx-parse-json", | ||
| "version": "2.0.2", | ||
| "version": "2.0.3", | ||
| "description": "Parse csv, xls, xlsx into json", | ||
@@ -5,0 +5,0 @@ "main": "index.js", |
@@ -12,3 +12,4 @@ # xlsx-parse-json # | ||
| ### Use node ### | ||
| React Example | ||
| To use this library you need to have already the file uploaded, there are many libraries out there to select a file from your system. In the example below I provided an HTML(bootstrap) snippet and a JS snippet, of the components you need to have. | ||
| Example | ||
| ```` | ||
@@ -18,3 +19,3 @@ import xlsxParser from 'xlsx-parse-json'; | ||
| xlsxParser | ||
| .onFileSelection(file) | ||
| .onFileSelection(file | ||
| .then(data => { | ||
@@ -26,4 +27,68 @@ var parsedData = data; | ||
| # input file # | ||
| ```` | ||
| <html> | ||
| ... | ||
| <form> | ||
| <div class="form-group"> | ||
| <label for="exampleFormControlFile1">Example file input</label> | ||
| <input type="file" class="form-control-file" id="exampleFormControlFile1"> | ||
| </div> | ||
| </form> | ||
| ... | ||
| </html> | ||
| ```` | ||
| Example using AngularJS | ||
| Install | ||
| ```` | ||
| npm install ng-file-upload | ||
| npm install xlsx-parse-json | ||
| ```` | ||
| index.js | ||
| ```` | ||
| 'use strict'; | ||
| var angular = require('angular'); | ||
| require('ng-file-upload'); | ||
| angular.module('test-xls-parser', ['ngFileUpload']) | ||
| .component('testXlsParserUpload', { | ||
| template: '<input type="file" ngf-select="vm.uploadFile($file)" ng-disabled="vm.disableUpload" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"/><pre>{{vm.data | json}}</pre>', | ||
| controller: function() { | ||
| var vm = this; | ||
| var xlsxParser = require('xlsx-parse-json'); | ||
| vm.uploadFile = function(file){ | ||
| xlsxParser.onFileSelection(file) | ||
| .then((data) => { | ||
| vm.data = data; | ||
| }); | ||
| } | ||
| }, | ||
| controllerAs: 'vm' | ||
| }); | ||
| ```` | ||
| index.html | ||
| ```` | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
| <title>XLS-Parser</title> | ||
| </head> | ||
| <body ng-app="test-xls-parser"> | ||
| <test-xls-parser-upload>loading</test-xls-parser-upload> | ||
| <script src="bundle.min.js"></script> | ||
| </body> | ||
| </html> | ||
| ```` | ||
| # input file (csv, xls, xlsx) # | ||
| ```` | ||
| Name | Lastname | Age | ||
@@ -60,2 +125,2 @@ ------------------------- | ||
| ] | ||
| ```` | ||
| ```` |
No alert changes
Improved metrics
- Total package byte prevSize
- increased by38.45%
6323
- Number of lines in readme file
- increased by115.79%
123
Worsened metrics
- Number of package files
- decreased by-20%
4
No dependency changes