我正在执行用户配置文件,但是在创建要发送的FormData时,即使所有其他字段都具有值,也会被生成为空。下面是代码cadastro.ts
import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { FormGroup, FormBuilder, Validators } from '@angular/forms';
import { AlertController, ActionSheetController } from '@ionic/angular';
import { PictureSourceType, Camera, CameraOptions } from '@ionic-native/camera/ngx';
import { CadastroService } from 'src/app/services/cadastro.service';
@Component({
selector: 'app-cadastro',
templateUrl: './cadastro.page.html',
styleUrls: ['./cadastro.page.scss'],
})
export class CadastroPage implements OnInit {
public registerForm: FormGroup
constructor(
private cadastroService: CadastroService,
private router: Router,
private formBuilder: FormBuilder,
private alertController: AlertController,
private ActionSheetController: ActionSheetController,
private camera: Camera,
) { }
ngOnInit() {
this.registerForm = this.formBuilder.group({
foto: [''],
nome: ['', Validators.required],
email: ['', [Validators.required, Validators.email]],
cpf: ['', Validators.required],
telefone: ['', Validators.required],
password: ['', Validators.required],
conf_pass: ['', Validators.required]
})
}
cadastrar() {
console.log(this.registerForm.get('nome').value)
const formData = new FormData();
formData.append('nome', this.registerForm.get('nome').value);
formData.append('email', this.registerForm.get('email').value);
formData.append('cpf', this.registerForm.get('cpf').value);
formData.append('telefone', this.registerForm.get('telefone').value);
formData.append('password', this.registerForm.get('password').value);
formData.append('file', 'testeFile');
console.log(formData);
this.cadastroService.cadastrar(formData).subscribe((res: any) => {
console.log(res);
}, error => {
console.log(error)
})
}
}
从控制台日志返回的是FormData {}。但是,如果我在任何registerForm字段中提供控制台日志,则将正确返回该值。有人知道此请求的构造可能会发生什么吗?
我的后端Laravel是请求的日志文件:
[2020-05-29 03:17:25] local.ALERT: array (
'data' =>
array (
),
)
console.log(formData.get('nome'));
console.log(formData.get('email'));