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)