Angular 我想将文件数据附加到formBuilder对象中如何帮助我

有一个表单我想将图像文件数据作为数组添加到formBuilder对象

this.formData = new FormGroup({
    name    : new FormControl(),
    city    : new FormControl(),
    image : new FormControl()
});

onFileSelected(event) {
    this.fileData = <File>event.target.files[0];
}

onSubmit(){ 
    console.log("FILE DATA ",this.fileData);
    this.formData.image= this.fileData;
    console.log(this.formData.image);
}

this.formData=new FormGroup({
名称：new FormControl（），
城市：新表单控件（），
图：新表单控件（）
});
选举（事件）{
this.fileData=event.target.files[0]；
}
onSubmit（）{
log（“文件数据”，this.fileData）；
this.formData.image=this.fileData；
log（this.formData.image）；
}

这就是我在角度项目中所做的

这是组件的TS文件

/。。。
导出类AppComponent实现OnInit{
myFile:File；
myForm=新FormGroup({
名称：new FormControl（“”，Validators.required）
});
//蜜蜂服务
构造函数（私有api:ApiService）{
}
// ...
handleFileInput（文件：文件列表）{
this.myFile=files.item（0）；
}
submitForm（）{
this.api.submitMyForm（this.myFile，this.myForm.value）。订阅(
（数据）=>{
//处理响应
}
}
}

这是HTML

你的名字
你的档案

现在是魔术，在APITS文件中

导出类API服务{
构造函数（私有http:HttpClient）{}
submitMyForm（文件、数据）{
const formData:formData=new formData（）；
append（'myFile'，file，file.name）；
for（常量输入数据）{
if（data.hasOwnProperty（key））{
常量元素=数据[键]；
formData.append（键、元素）；
}
}
返回this.http.post（您的\u API\u URL，formData）；
}
}

---

就这样。

这就是我在角度项目中所做的

这是组件的TS文件

/。。。
导出类AppComponent实现OnInit{
myFile:File；
myForm=新FormGroup({
名称：new FormControl（“”，Validators.required）
});
//蜜蜂服务
构造函数（私有api:ApiService）{
}
// ...
handleFileInput（文件：文件列表）{
this.myFile=files.item（0）；
}
submitForm（）{
this.api.submitMyForm（this.myFile，this.myForm.value）。订阅(
（数据）=>{
//处理响应
}
}
}

这是HTML

你的名字
你的档案

现在是魔术，在APITS文件中

导出类API服务{
构造函数（私有http:HttpClient）{}
submitMyForm（文件、数据）{
const formData:formData=new formData（）；
append（'myFile'，file，file.name）；
for（常量输入数据）{
if（data.hasOwnProperty（key））{
常量元素=数据[键]；
formData.append（键、元素）；
}
}
返回this.http.post（您的\u API\u URL，formData）；
}
}

---

就这样。

欢迎来到SO，请解释您在获取图像数据时面临的问题。这样我们可以帮助您解决问题。也可以共享相关的HTML部分或StackBlitz演示。同样，请解释您在获取图像数据时面临的问题。这样我们可以帮助您解决问题。al因此，共享相关的HTML部分或StackBlitz演示是可能的