Pourquoi mon objet file est-il vide ?
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:
1 2
| <input type="file" (change)="onFileSelected($event)">
<button type="button" (click)="onUpload()">envoyé</button> |
Code:
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:
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é dEurope 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é dEurope centrale), webkitRelativePath: "", size: 4154484,*
}
connexion.component.ts:30 ==>[object File]
connexion.component.ts:31 ==>{} |
à la ligne 31 mon objet est vide:
Code:
connexion.component.ts:31 ==>{}
je ne comprend pas pourquoi il n'y a rien dedans ?
merci d'avance pour la réponse :)