js-xlsx 프런트엔드 읽기 Excel(가져오기) 호환 IE 및 기타 브라우저
2871 단어 프런트 엔드
js-xlsx 전단에서 Excel 파일을 읽고 읽은 표 데이터를 페이지의table에 넣습니다.예는 다음과 같다.
Excel
$('#excel-file').change(function(e) {
try {
new Uint8Array([1,2]).slice(0,2);
} catch (e) {
console.log("[Uint8Array"+e.description+"] 【Array.slice】。");
//IE Uint8Array.slice() 。 Array.slice()
Uint8Array.prototype.slice = Array.prototype.slice;
}
var url=$('#excel-file').val();
if(!url){return;}
var suffix=url.substring(url.lastIndexOf(".")+1,url.length);
if(!(suffix=="xls"||suffix=="xlsx")){
return alert(" ");
}
var files = e.target.files;
var fileReader = new FileReader();
fileReader.readAsArrayBuffer(files[0]);//
fileReader.onload = function(ev) {
$('#excel-file').val('');
$("#context").html("");
try {
var data = ev.target.result;
var workbook = XLSX.read(data, { type: 'array'}),
persons = [];
} catch (e) {
console.error(e);
return alert(' !');
}
//
for (var sheet in workbook.Sheets) {
if (workbook.Sheets.hasOwnProperty(sheet)) {
persons = persons.concat(XLSX.utils.sheet_to_json(workbook.Sheets[sheet],{raw:true, header:1}));
for ( var i = 0; i <persons.length; i++){
var person=persons[i];
var tr='<tr id="tr-'+i+'">';
for (var j = 0; j <person.length; j++){
tr+='<td>'+$.trim(person[j]?person[j]:"")+'</td>';
}
for (var k = 0; k < (6-person.length); k++) {
tr+='<td></td>';
}
if(person.length>1){
tr+='<td style="padding:6px;"><a href="javascript:$(\'#tr-'+i+'\').remove();" class="btn btn-danger btn-xs"> </a></td></tr>';
$("#context").append(tr);
}
}
break;// , beak
}
}
};
});
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
【Vue.js】컴포넌트의 3개의 네비게이션 가드일에서 사용하게 되었기 때문에 1부터 Vue.js에 대해 배웠다. 그 이름에서 알 수 있듯이 무언가를 가드하기위한 처리로, 대체로 페이지 천이 전에 특정 처리를 실행시켜 페이지 천이시키지 않게 한다. Vue.js의 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.