Saltar al contenido

Angular: lee un archivo y analiza su contenido

Solución:

Puedes usar FileReader en javascript para lograr esto, ya que es un csv expediente

Agregue un evento de cambio de archivo para almacenar el archivo en un objeto como se muestra a continuación,

<div class="Block">
  <label id="lbl">Code </label>
  <input type="file" (change)="fileChanged($event)">

</div>

La función debe establecer el archivo en un objeto que se usa más tarde

file:any;
fileChanged(e) {
    this.file = e.target.files[0];
}

Cuando se hace clic en el botón enviar, puede utilizar el readAsText() método de FileReader en javascript para obtener el contenido como se muestra a continuación,

uploadDocument(file) {
    let fileReader = new FileReader();
    fileReader.onload = (e) => {
      console.log(fileReader.result);
    }
    fileReader.readAsText(this.file);
}

Nota: onload El evento se activará después de que se lea el contenido, por lo que su lógica debe estar dentro del onLoad función.

extrae el archivo de la entrada y usa la API FileReader

readFile(file: File) {
    var reader = new FileReader();
    reader.onload = () => {
        console.log(reader.result);
    };
    reader.readAsText(file);
}

si quieres hacerlo como función puedes hacerlo

    readFileContent(file: File): Promise<string> {
        return new Promise<string>((resolve, reject) => {
            if (!file) {
                resolve('');
            }

            const reader = new FileReader();

            reader.onload = (e) => {
                const text = reader.result.toString();
                resolve(text);

            };

            reader.readAsText(file);
        });
    }

luego

const fileContent = await readFileContent(file);
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *