关于javascript:上传文件-inputtypefile-change事件第二次不触发

33次阅读

共计 248 个字符,预计需要花费 1 分钟才能阅读完成。

问题

实现上传文件性能时,上传失败第二次上传同一个文件时,onchagne事件没有触发

  <input
    ref="fileInput"
    type="file"
    @change.prevent="handleFile"
  >

onchange响应事件是依据 value 值的扭转来触发的,如果第二次抉择与第一次雷同的文件时,那么文件名称是雷同的,value值雷同,onchange事件不会触发;

解决方案:

onchange 的响应事件中将元素的 value 值置为空;

this.$refs.fileInput.value = ''

正文完
 0