解决JS(Vue)input[type='file'] change事件无法上传相同文件的问题

一般的解决方法

Html

<input id="file" type="file" accept=".map" onchange="upload()" />

JS

document.getElementById('file').value = null;

// document.getElementById('file').onchange = function () {
//    alert(this.value);
//	  this.value = null;
// };​

#Vue中

Html

<input ref="referenceUpload" @change="referenceUpload" type="file" accept=".map"  multiple/>

JS

  methods: {
    referenceUpload(e) {
      this.$refs.referenceUpload.value = null;
    },
  }

如果觉得我的文章对你有帮助,欢迎关注我的blog

相关知识点

【Javascript】深入理解async/await的实现,Generator+Promise = Async/Await
【Javascript】深入理解this作用域问题以及new运算符对this作用域的影响
【Javascript】手写运算符new创建实例并实现js继承