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

发布时间：2020-12-17 07:31:39 所属栏目：安全来源：网络整理

导读：每次选择文件时,我都会尝试触发onchange事件.如果我选择的文件不同,它会触发,但是,即使选择了两次相同的文件,我也想要触发. HTML input name="file" type="file" (change)="onChange($event)" style="width:80%" / 零件 onChange(event: any) { var files =

每次选择文件时,我都会尝试触发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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!