解决type为file的input框上传同名文件失效Bug

debugger调试:

1上传文件会触发input的onChange事件,onChange事件将保存input的value

2再次上传相同的文件,因为没有对ref节点input的value值清空,这时input框会对新传入的值进行对比

解决思路: 上传完成后,清空ref节点input的value值

js、jQ、Vue清空input的value值

// JavaScript

<input id="uploadInput" type="file">

document.getElementById('uploadInput').value = ''

// jQuery

<input id="uploadInput" type="file">

$(" input[ type='file' ] ").val('')

// Vue

<input ref="uploadInput" type="file">

this.$refs.uploadInput.value = ''

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容