How to send to server (file and form) with angular 2+ - php

Question

I'm trying to send to the php backend a file and form data, but I'm not trying to succeed.
Could someone give a hint or even fix the sending part to the backend
HTML img
<div class='form-group is-empty col-md-6'>
<input style="display: none" type="file" (change)="onFileChanged($event)" #fileInput formControlName='arquivo_cifra'>
<div class="file-cifra" [style.background-image]="'url(' + img + ' )' | safeHtml: 'style' "></div>
<button (click)="fileInput.click()" style="width: 250px">Select File</button>
</div>
<div class='box-footer'>
<button (click)='save(form.value)' [disabled]='!form.valid' class='btn btn-primary'>Salvar</button>
</div>
component.ts
selectedFile: File;
img: any = 'assets/img/user_photo.png';
onFileChanged(event) {
var tmppath = URL.createObjectURL(event.target.files[0]);
this.img = tmppath;
this.selectedFile = event.target.files[0];
}
save(form) {
const uploadData = new FormData();
uploadData.append('myFile', this.selectedFile, this.selectedFile.name);
uploadData.append('form', form); //formBuilder
// this.form.value.arquivo_cifra = this.selectedFile;
// this.cifraService.saveFile(uploadData);
this.cifraService.save(uploadData)
}
service.ts
save(form) {
return this.http.post(`${BE_API}/cifra.php?acao=salvar`, form)
.subscribe((data) => {
if (data['success'] == 'ok') {
this.notify('Registro inserido com sucesso!');
this.router.navigate(['/cifra'])
}
console.log(data);
}, (error) => {
this.notify(`Error: ${error}`);
});
}
backend php
the file its work but form builder not.
public function incluir($ar) {
var_dump($_FILES);
var_dump($_REQUEST);
$dados = $this->dados($ar);
die();
$cd = self::insert($this->table, $dados);
if($cd>0){
self::commit();
}
}
return console