表格单元格显示用户名html,js载入xlsx表格文件 转换成json，表格首行中文显示

引入xlsx插件

引入jquery

html

一键录入

JS$('#excel-file').change(function (e) {

var files = e.target.files;

var fileReader = new FileReader();

fileReader.onload = function (ev) {

try {

var data = ev.target.result,

workbook = XLSX.read(data, {

type: 'binary'

}),

persons = [];

} catch (e) {

console.log('文件类型不正确');

return;

}

var fromTo = '';

for (var sheet in workbook.Sheets) {

if (workbook.Sheets.hasOwnProperty(sheet)) {

fromTo = workbook.Sheets[sheet]['!ref'];

persons = persons.concat(XLSX.utils.sheet_to_json(workbook.Sheets[sheet]));

// break; // 如果只取第一张表，就取消注释这行

}

}

let table = []

for (let i in persons) {

let field = ''

try {

// 英文名称为xlsx文件中表头的索引 这里是将大写转小写，视具体需求而定

field = persons[i]['英文名称'].toLowerCase()

}catch (e) {

field = persons[i]['英文名称']

}

table.push({

field: field,

title: persons[i]['中文名称']

})

console.log(table)

// table[persons[i]['英文名称'].toLowerCase()] = persons[i]['中文名称']

}

$("#textid").val(JSON.stringify(table))

};

// 以二进制方式打开文件

fileReader.readAsBinaryString(files[0]);

});

将整张表复制到xlsx文件中，然后在网页中导入xlsx文件，即可.