vue elementui el-upload组件 input type=file坑重新选择同一文件时不再显示

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

问题描述

  • 在使用vue2.0+elementui的upload组件时,遇到一个问题,当你首次选择文件的时候没问题,当你删除已经选择好的某个文件后,再次选择这个文件的时候,就无法显示了

问题分析

  • 在移除的事件中写清除当前文件的方法
  • 但是在处理过程中,将file对象置空无效
  • 最后发现是html的input type=file标签的问题
  • 在 HTML 文档中 , 标签是浏览器向服务器发送选中文件的。该元素有一个 value 属性,保存了用户指定的文件的名称,为安全起见,file-upload 元素的value 属性是只读的,不允许程序员修改它的值,并且HTML value 属性也会被忽略。但我们确实需要将value值置空。

问题解决

  • 不要采用删除当前input[type=file]这个节点,然后再重新创建dom这种方案,这样是不合理的。
  • input[type=file]使用的是onchange去做,onchange监


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部