VueJS:选择相同文件时未触发输入文件选择事件

zub*_*r-0 2 onchange vue.js vuejs2 vuetify.js

我们如何在Vue Js中通过文件输入检测SAME文件输入的变化

<input ref="imageUploader" type="file" @change="uploadImageFile">

zub*_*r-0 8

    We can add @click event and then clear the value of the file input
```
<template>
    ....
        <input ref="imageUploader" type="file" accept=".jpg, .jpeg" @click="resetImageUploader" @change="uploadImageFile">
    ....
</template>

<script>
    export default {
        methods: {
            resetImageUploader() {
                this.$refs.imageUploader.value = '';
            },
            uploadImageFile() {
                ....
            }
        }
    }
</script>
```
Run Code Online (Sandbox Code Playgroud)

  • 更简单 - 将 `this.$refs.imageUploader.value = '';` 放在 `uploadImageFile` 方法的末尾:) (5认同)

Art*_*nov 5

与 @zubair 的答案相同,但vue 3更方便一点:

<input type="file" @change="renderImage($event)" @click="$event.target.value=''">
Run Code Online (Sandbox Code Playgroud)