使用 ngModel 访问输入文件[]

【问题标题】：Access input files[] using ngModel使用 ngModel 访问输入文件[]
【发布时间】：2016-11-04 11:09:00
【问题描述】：

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

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

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

如果不是，那么当输入类型为file 时，ngModel 会存储什么？

【问题讨论】：

标签： angular

【解决方案1】：

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

可以，可以订阅输入的change事件，将文件传给方法：

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

当输入类型是文件时，ngModel 到底存储了什么？

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

【讨论】：