Código fuente del complemento React

SheetJS js-xlsx es un complemento que puede leer y escribir tablas en varios formatos. Tiene una excelente compatibilidad con navegadores y se puede utilizar en plataformas de varios idiomas.

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