Pourquoi mon objet file est-il vide ?

**keokaz** · 02/08/2019, 07h11

Bonjour,

j'ai un formulaire d'upload de fichier, et je souhaite enregistrer l'objet file dans un attribut, le problème c'est que cette attribut est vide ?
voici mon code:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<input type="file" (change)="onFileSelected($event)">
<button type="button" (click)="onUpload()">envoyé</button>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
export class ConnexionComponent implements OnInit {
  loginFail = null;
  selectedFile= null;
 
  constructor(private authService:AuthenticationService,private router:Router,private http:HttpClient) {
  }
 
 
  onFileSelected(event){
    console.log("111 event ");
    console.log(event.target.files[0]);
    console.log("222 target 0  ");
    this.selectedFile = event.target.files[0];
    console.log(this.selectedFile); 
  }
 
  onUpload(){
    console.log("==>"+this.selectedFile); 
    console.log("==>"+JSON.stringify(this.selectedFile));

voici le résultat:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
111 event 
connexion.component.ts:23 File*{name: "bombonne.jpg", lastModified: 1564679643000, lastModifiedDate: Thu Aug 01 2019 19:14:03 GMT+0200 (heure d’été d’Europe centrale), webkitRelativePath: "", size: 4154484,*…}
connexion.component.ts:24 222 target 0  
connexion.component.ts:26 File*{name: "bombonne.jpg", lastModified: 1564679643000, lastModifiedDate: Thu Aug 01 2019 19:14:03 GMT+0200 (heure d’été d’Europe centrale), webkitRelativePath: "", size: 4154484,*…}
connexion.component.ts:30 ==>[object File]
connexion.component.ts:31 ==>{}