解决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

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

// jQuery

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

// Vue

this.$refs.uploadInput.value = ''

你可能感兴趣的:(解决type为file的input框上传同名文件失效Bug)