upload file via un formulaire
Bonjour,
Cela fait des jours que je suis bloqué sur cette fonction. J'ai essayé plein de tutos différemment mais j'ai toujours le même problème.
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
| get f(){
return this.myForm.controls;
}
onFileChange(event) {
if (event.target.files.length > 0) {
const file = event.target.files[0];
this.myForm.patchValue({
fileSource: file
});
}
}
submit(){
const formData = new FormData();
formData.append('file', this.myForm.get('fileSource').value);
console.log(formData.append('file', this.myForm.get('fileSource').value))
this.http.post('http://localhost:8888/MoutteCAPI/backend/upload.php', formData)
.subscribe(res => {
console.log(res);
alert('Uploaded Successfully.');
})
} |
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
| <h1>Angular 10 File Upload Tutorial Example - ItSolutionStuff.com</h1>
<form [formGroup]="myForm" (ngSubmit)="submit()">
<div class="form-group">
<label for="name">Name</label>
<input
formControlName="name"
id="name"
type="text"
class="form-control">
<div *ngIf="f.name.touched && f.name.invalid" class="alert alert-danger">
<div *ngIf="f.name.errors.required">Name is required.</div>
<div *ngIf="f.name.errors.minlength">Name should be 3 character.</div>
</div>
</div>
<div class="form-group">
<label for="file">File</label>
<input
formControlName="file"
id="file"
type="file"
class="form-control"
(change)="onFileChange($event)">
<div *ngIf="f.file.touched && f.file.invalid" class="alert alert-danger">
<div *ngIf="f.file.errors.required">File is required.</div>
</div>
</div>
<button class="btn btn-primary" type="submit">Submit</button>
</form> |
le problème est que je ne récupère rien dans le console.log(formData.append('file', this.myForm.get('fileSource').value));
