sabato 12 ottobre 2024

Angular leggere lo stream dati di un file tramite TypeScript

Il frammento di codice qui di seguito, illustra una tecnica per estrapolare lo stream dati di un file, tramite il controllo input, il tutto tramite il linguaggio di programmazione TypeScript e la tecnologia Angular.


HTML

<input type="file" id="fileInput" />

TypeScript:

  ngOnInit(): void {

document.getElementById('fileInput')?.addEventListener(
'change', (event) => {
const input = event.target as HTMLInputElement;
if (input.files && input.files[0]) {
const file = input.files[0];
const fileReader = new FileReader();

fileReader.onload = async () => {
const arrayBuffer = fileReader.result as ArrayBuffer;
const uint8Array = new Uint8Array(arrayBuffer);
              console.log(uint8Array);
          };
fileReader.readAsArrayBuffer(file);
      }
  });
  }

Nessun commento: