在 Angular 中使用 FormArray 迭代带有描述的文件上传

2024-01-14

我正在尝试创建一个表单,其中包含 n 个字段,包括文件上传。我正在尝试通过单击按钮来迭代文件上传。所以默认情况下会有一个文件。因此,当用户单击添加按钮时,应该添加一组文件上传。所以我的输出应该类似于 n 个文件对象的数组。

文件上传的预期输出:

[
 {
  file: image1,
  fileDescription: file1
 },
 {
  file: image2,
  fileDescription: my second image
 }
]

已删除的文件无法再次上传,因为我已经使用过@ViewChild重置value = '',然后您可以再次选择已删除的文件。这是从答案之一添加的Prashant https://stackoverflow.com/users/7124761/prashant-pimpale

注意:以上所有内容均应经过验证。这是工作中的堆栈闪电战 https://stackblitz.com/edit/angular-z29ahg到目前为止我已经尝试过了。


你必须使用一个表格数组,并在每次用户单击“添加文件上传按钮”时推送一个新值。

您可以在这里找到一个工作示例:https://stackblitz.com/edit/angular-pg1szu https://stackblitz.com/edit/angular-pg1szu

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在 Angular 中使用 FormArray 迭代带有描述的文件上传 的相关文章

随机推荐