0

我得到了简单的形式，例如：

<form [formGroup]="registrationForm" (ngSubmit)="onSubmit()">
 <label>Adres</label>
                    <input type="text" formControlName="address" class="form-control"
                      [ngClass]="{ 'is-invalid': submitted && f.address.errors }" />
                    <div *ngIf="submitted && f.address.errors" class="invalid-feedback">
                      <div *ngIf="f.address.errors.required">Address is required</div>
                    </div>
    
<input type="file" name="image" ng2FileSelect [uploader]="uploader"
             accept="image/x-png,image/gif,image/jpeg" />
<button class="btn btn-primary mr-1 btn-block" [disabled]="!uploader.getNotUploadedItems().length">Send</button>
</form>

还有我的 .ts onSubmit()

  onSubmit() {
    this.submitted = true;
    if (this.registrationForm.invalid) {
      return
    } 
    this.accidentFormService.saveAccidentForm(this.registrationForm.value).subscribe(
      res => {
      console.log(res);
      },
      err => console.error(err)
    );
   // alert(JSON.stringify(this.registrationForm.value));
  }

当代码在表单标签之外并且按钮得到(click)="uploader.uploadAll()"它时它工作正常但是当它在表单标签内时它不起作用。

如何同时发送表格和文件？我还有另外两个用于 Form 和 File 的 api 路由。

4

0 回答 0