时间戳

首页 > 解决方案 > 无法以角度将值附加到 formdata

angular - 无法以角度将值附加到 formdata

问题描述

我有以下用于 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});
    }
    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: &nbsp;{{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>

我无法在 console.log(formData); 中打印任何内容。请建议。

标签： angulartypescriptangular7

解决方案

据我所知，如果你想使用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]); 
}

推荐阅读