angular - 使用 ngModel 访问输入文件[]

Question

我的表单中有一个图片上传输入:

<input type="file" [(ngModel)]="item.image" name="image" #image>

是否可以使用 item.image ngModel(而不是创建引用)访问 #image.files[0]？

如果不是，当输入类型是 file 时，ngModel 到底存储了什么？

Answer 1

Is it possible to access #image.files[0] using item.image ngModel (instead of creating a reference)?

是的，你可以订阅输入的change事件并将文件传递给方法:

<input type="file" name="image" (change)="fileSelected($event.target.files[0])" />

What does ngModel stores anyway when the input type is file?

没有。 DefaultValueAccessor 不适用于 input[type="file"]，我认为目前没有针对它的特定值访问器。