Angular read file get byte array TypeScript

In questo esempio di codice, viene illustra una tecnica nella tecnologia Angular e con il linguaggio TypeScript, per leggere un file restituendo il byteArray, il tutto tramite il controllo input per la selezione del file.

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);

      }

  });

  }