post – Enviar archivo PDF por HTTP (ANGULAR 10)

Estoy tratando de enviar un archivo PDF a una API donde requiero de 4 campos, 3 de ellos todo bien pero cuando intento enviar el PDF me lo reconoce como un Array del Input-Select y no como un archivo, soy nuevo en Angular.

Asi obtengo el archivo en el HTML:

<span class="btn btn-primary btn-block btn-file">
  Subir archivo <input (change)="soliUD( 'mi_archivo', false, $event.target.files )" type="file"></span>

Este es el componente.ts

  soliUD(key: string, over: boolean, archivo: FileList){

Swal.fire({
  icon: 'info',
  text: 'Procesando informacion..',
  allowOutsideClick: false
});
Swal.showLoading();
this.authService.updateDocument(key, over, archivo(0) )
                .subscribe( respuestaHttp => {
                  Swal.fire(
                    '¬°Exito!',
                    'Se ha guardado la informacion',
                    'success'
                  )
                  console.log(respuestaHttp);
                }, (err) =>{
                  console.log(err);
                })


}

Este es mi servicio.ts

  updateDocument(key: string, over: boolean, file: File){
const arrDocument = {
  token: localStorage.getItem('token'),
  overwrite: over,
  file: file,
  file_key: key
}

return this.httpCliente.post(
  `${this.urlTest}/api/company/user/document/upload`,
  arrDocument
).pipe(
  map( respuesta => {
    return respuesta
  })
);}  

En el servicio y en el componente ya lo he intentado con

const formData: FormData = new FormData(); 
formData.append('file', file, file.name);
formData.append('token', localStorage.getItem('token'));
formData.append('Key', key);
formData.append('overwrite', over);

return this.httpCliente.post(
  `${this.urlTest}/api/company/user/document/upload`,
  formData
).pipe(
  map( respuesta => {
    return respuesta
  })
);}  

Pero el FormData se queda vacio, lo inicializo en el constructor o ngOnInit y nada..