VueJS:输入文件选择事件在选择同一文件时不会触发 [英] VueJS: Input file selection event not firing upon selecting the same file

问题描述

我们如何在 Vue Js 中检测相同文件输入的文件输入变化

How can we file input detect change on SAME file input in Vue Js

推荐答案

我们可以添加@click事件，然后清除文件输入的值

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>

这篇关于VueJS:输入文件选择事件在选择同一文件时不会触发的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！