Código fuente del complemento React
Dirección de GitHub Github-sheetjs/js-xlsx: kit de herramientas de hoja de cálculo de versión comunitaria desheetjs
npm install xlsx - guardar
Si la instalación falla, elimine el paquete .lock y luego ejecute los comandos relacionados con npm.
? Importar * desde "xlsx" como xlsx
onImportExcel = file = gt{
Set data = []; // Almacena los datos obtenidos.
//Leer archivos a través de objetos FileReader
? lector de archivos constante = new fileReader();
? fileReader.readAsBinaryString(archivo);? //Binario
? fileReader.onload = evento = gt{
? Pruebe {
const { result } = event.target
//Lea todo el objeto de la tabla de Excel en modo de secuencia binaria.
? const workbook = XLSX.read(result, { type: 'binary ' });
//Leer cada libro (solo se lee la primera tabla de forma predeterminada)
? for (tabla constante en el libro de trabajo. papel) {
if (workbook. Sheets.hasOwnProperty(sheet)) {
//Utilice el método Sheet_to_json para convertir Excel en datos json.
? data = data . concat(xlsx . utils .sheet_to_JSON(workbook.sheets[sheet]));
//break;//Si solo obtiene la primera hoja, cancele el comentario para esta línea.
}
}
console.log(datos
}catch (e) {
//Aquí puede mostrar un mensaje indicando que el tipo de archivo es incorrecto.
? Console.log("Tipo de archivo incorrecto");
? Volver;
}
? };
}
formulario lt. Etiqueta del elemento = "Reportar carga"
ltUpload nombre = " excel " acción = " " listType = " texto "? aceptar = " archivo " antes de cargar = { this . onimportexcel } showUploadList = { true } gt;
ltButton gt
lticon type = "upload"/ gt; .
lt/Botón gt;
lt/Subir gt
lt/formulario. Artículo gt