关闭弹窗如何把type="file"选择的文件清空

this.$refs.clearFile.value = '';无效
var obj = document.getElementById(‘fileupload') ;
obj.outerHTML=obj.outerHTML;无效,有大神知道解决方案吗?

img

你的close事件应该没走吧
加个debug看看是不是没走
其实你可以换个思路,不是每次关闭的时候清空,而是每次弹出的时候清空

在需要清空处写input.value='',就可以了

<input id="file" @change="fileChange" type="file" name="file" multiple="multiple" />
 fileChange (e) {
      this.uploading = true;
      let input = e.target;
      let files = e.target.files;
      if (files && files[0]) {
        let file = files[0]
        let suffix = file.name.substr(file.name.lastIndexOf("."))
        if (".jpg,.jpeg,.png,.JPG,.JPEG".indexOf(suffix) < 0) {
          this.$message.warning("请上传.Jpeg,.Jpg,.Png类型的文件")
          input.value = ''
          this.uploading = false
          return false;
        }
        if (file.size > 1024 * 1024 * 5) {
          this.$message.warning("文件大小不能超过5M!")
          input.value = ''
          this.uploading = false
          return false
        }
        this.upload(file);
      }
    },

img


您的采纳就是对我最大的动力,谢谢!!!

img

查看下close方法走了没,要是走了的话,在看下对应的文件是否存在file中