html5 - visual - vs code ionic preview

entrada tipo archivo angular2 ionic2-4 mecanografiado

Question

ese es un aspecto simple de mi código, solo quiero saber cómo enviar los datos de un formulario con el archivo. Imagine que tengo un botón "enviar" y cuando hago clic en este botón llamaré a una función que enviará todos los datos del formulario que incluyen el archivo.

 <form [formGroup]="basicInformationForm">
<ion-input type="text" formControlName="username"></ion-input>
<input class="form-control"#fileInput type=''file'' (change)="fileChanged($event)">
</form>

---mecanografiado-----

this.basicInformationForm = formBuilder.group({
username: ['''']
});
private fileValid: boolean = false
fileChanged(event) {
if (event.target.files && event.target.files[0]) {
if (event.target.files[0].size > 512000) {
console.log(''the file size more than 500kb'');
this.fileValid = false;
} else {
console.log(''the file size less than 500kb'');
this.fileValid = true;
}
}

--- html ---

<button ion-button full color="primary" (click)="submit()"
[disabled]="!fileValid">

y quiero verificar que será menor que 500kb, y requerido, significa que el botón se desactivará si el archivo está vacío y si es más de 500kb.