You can read XLSX on the client side and other excel formats using JS-XLSX .
, , , . . ,
[
{
"Number":1,
"FirstName":"Abc",
"LastName":"Xyza",
"Dept":"Finance",
"Country":"US",
"Year":2014,
"DateOfBirth":19370502,
"Gender":"M"
},
{
"Number":2,
"FirstName":"Abcd",
"LastName":"Xyzb",
"Dept":"Health",
"Country":"Australia",
"Year":2014,
"DateOfBirth":19481027,
"Gender":"F"
}
]
, :
{
"Dept":{
"type":"dropdown",
"values":[
"Finance",
"Health",
"Insurance"
]
},
"Country":{
"type":"dropdown",
"values":[
"US",
"Australia",
"Canada"
]
},
"Year":{
"type":"dropdown",
"values":[
2014,
2015,
2016
]
},
"Gender":{
"type":"radio button",
"values":[
"M",
"F"
]
}
}
//included single objects from both for brevity
jsonSchema = {
array: [
{
"Number":2,
"FirstName":"Abcd",
"LastName":"Xyzb",
"Dept":"Health",
"Country":"Australia",
"Year":2014,
"DateOfBirth":19481027,
"Gender":"F"
}
],
inputs: {
"Gender":{
"type":"radio button",
"values":[
"M",
"F"
]
}
}
};
. JSON. Date
JSON GIT
https://github.com/ConsciousObserver/stackoverflow/tree/master/excelTest
.

JSON.
{
"array": [
{
"Number": 1,
"FirstName": "Abc",
"LastName": "Xyza",
"Dept": "Finance",
"Country": "US",
"Year": 2014,
"DateOfBirth": 19370502,
"Gender": "M"
},
{
"Number": 2,
"FirstName": "Abcd",
"LastName": "Xyzb",
"Dept": "Health",
"Country": "Australia",
"Year": 2014,
"DateOfBirth": 19481027,
"Gender": "F"
},
{
"Number": 3,
"FirstName": "Abce",
"LastName": "Xyzc",
"Dept": "Health",
"Country": "US",
"Year": 2015,
"DateOfBirth": 19441029,
"Gender": "F"
},
{
"Number": 4,
"FirstName": "Abcf",
"LastName": "Xyzd",
"Dept": "Insurance",
"Country": "Canada",
"Year": 2016,
"DateOfBirth": 19481030,
"Gender": "M"
},
{
"Number": 5,
"FirstName": "Abcg",
"LastName": "Xyze",
"Dept": "Finance",
"Country": "Canada",
"Year": 2016,
"DateOfBirth": 19480604,
"Gender": "M"
}
],
"inputs": {
"Dept": {
"type": "dropdown",
"values": [
"Finance",
"Health",
"Insurance"
]
},
"Country": {
"type": "dropdown",
"values": [
"US",
"Australia",
"Canada"
]
},
"Year": {
"type": "dropdown",
"values": [
2014,
2015,
2016
]
},
"Gender": {
"type": "radio button",
"values": [
"M",
"F"
]
}
}
}