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.