vue 清空input file选择的文件

原创于 2021-01-19 19:08:30 发布 · 1.9k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#js #javascript #html #vue

本文介绍了一种通过重写HTML input元素并重新绑定事件监听器的方法来实现文件上传器的重置功能。这种方法确保了即使在解除绑定后也能正确地重新绑定事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

resetUploader() {
    //重写一遍input元素
    document.getElementById('input').outerHTML = document.getElementById('input').outerHTML
    //曾经@change="handleInput"绑定的事件解除了，要重新绑定一遍
    document.getElementById('input').addEventListener('change', this.handleInput)
}