Angular 无法将该值附加到角度中的formdata
formData值的类型脚本代码如下:Angular 无法将该值附加到角度中的formdata,angular,typescript,angular7,Angular,Typescript,Angular7,formData值的类型脚本代码如下: fileUploader(event:Event):void{ const target = event.target as HTMLInputElement; this.fileInfo= target.files[0]; } onNoClick(): void { this.dialogRef.close({location: this.lastNode, cancel: true});
fileUploader(event:Event):void{
const target = event.target as HTMLInputElement;
this.fileInfo= target.files[0];
}
onNoClick(): void {
this.dialogRef.close({location: this.lastNode, cancel: true});
}
closeDialog(): void {
let formData=new FormData();
formData.append('file', this.fileInfo);
formData.append('versionNote', this.versionNote);
console.log(formData);
let data={'file':this.fileInfo,'versionNote':this.versionNote};
this.dialogRef.close(data);
}
ngOnInit() {
}
Html我将此用于:
<h1 mat-dialog-title>{{'DOCUMENT_LIST.CONTENT.UPLOAD_ZIP' | translate}}</h1>
<div><span class="ng-star-inserted"><h3><b>Folder Name: {{folderName}}</b></h3></span></div>
<input type="file" id="file" [(ngModel)]="playerName" (change)="fileUploader($event)">
<p>
<mat-form-field class="example-full-width">
<textarea matInput placeholder="Notes" [(ngModel)]="versionNote"></textarea>
</mat-form-field>
</p>
<div mat-dialog-actions>
<button mat-button (click)="onNoClick()">{{'OPTIONS.CANCEL' | translate}}</button>
<button mat-button cdkFocusInitial (click)="closeDialog()">{{'OPTIONS.UPLOAD' | translate}}</button>
</div>
{{'DOCUMENT_LIST.CONTENT.UPLOAD_ZIP'| translate}
文件夹名称:{{folderName}}
{{'OPTIONS.CANCEL'| translate}}
{{'OPTIONS.UPLOAD'| translate}}
我无法在console.log(formData);)中打印任何内容;。请建议。据我所知,如果您想使用
formData
,您应该
const formData: FormData = new FormData();
// formData.append(key, value);
formData.append("name","abolfazl");
formData.append("family","roshanzamir");
最后,要检查FormData
,请使用FormData.entries()方法:
我没有看到代码上方和下方的标记,请确保您已经添加了该标记。
// Display the key/value pairs
for (var pair of formData.entries()) {
console.log(pair[0]+ ', ' + pair[1]);
}