关于input [type=file] 的change事件不触发问题

bug

JavaScript

2020-06-23 19:01:37

262

作者:黑夜男神

在网页操本地文件做上传时候通常都是用INPUT[type=file]控件,
这个控件的设计本身就很蛋痛的,
当INPUT[type=file]控件上已经选择过一次文件之后,
再次点击它选择同一个文件时change事件就不会触发。
因为第二次选择后里面的文字和第一次是一样的,
当然这页恰好诠释英文change 的意思 -。-  
你不曾改变 我为何要给予回应。
解决这个问题方法
<input type="file" id="fileupload" name="file" /> 
第一种
var obj = document.getElementById('fileupload') ; 
obj.select(); 
document.selection.clear(); 
第二种利用outerHTML进行替换
var obj = document.getElementById('fileupload') ; 
obj.outerHTML=obj.outerHTML; 
如果是在vue中

``` <input type="file" ref="feedbakcImg" @change="chooseImg" name="file" id="file"> this.$refs.feedbakcImg.value =''

评论 (0)

用户名
邮箱
评论

    Copyright © 2020 darkNightMan All Rights Reserved Pro 黔ICP备20005477号