angular – 输入文件onchange事件未触发

前端之家收集整理的这篇文章主要介绍了angular – 输入文件onchange事件未触发前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
每次选择文件时,我都会尝试触发onchange事件.如果我选择的文件不同,它会触发,但是,即使选择了两次相同的文件,我也想要触发.

HTML

<input name="file" type="file"  (change)="onChange($event)" style="width:80%" />

零件

onChange(event: any) {

        var files = event.srcElement.files;
        this.files = files;

        event= null;
}
实现此跨浏览器并且无需更改多少代码的最可靠方法是在单击时将输入值设置为null.
onclick="this.value = null"

所以你的输入看起来像这样

<input name="file" type="file" onclick="this.value = null" (change)="onChange($event)" style="width:80%"/>

这是一个工作示例:plnkr

猜你在找的Angularjs相关文章