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

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

推荐答案

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

<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>

Vue.js相关问答推荐

Nuxt3 / Vue3 - 当属性更改时如何动态更改渲染组件?

为什么将 name 与 router-link 一起使用比仅使用 to 与 path 更好?

Vuex store 在 Nuxt 的什么地方

VuetifyJS,outer-link 未显示为光标

Vue cli 3项目,图像路径中的动态src不起作用

为什么当我 Select 第二个输入框时音译transliteration不起作用?

在 v-for 的情况下如何从 v-model 输入更新 Vuex 存储

如何使用 vue-resource 添加额外的标头来发布请求?

如何在 .js 文件中使用 Vue i18n 翻译?

Vue路由保持活动和挂载行为

为什么我在 vue.js 中得到避免使用 JavaScript 一元运算符作为属性名称?

在 Vuejs 中计算 DOM 元素之间距离的最佳方法是什么?

如何让 Vue (vue cli 3) 正确处理 GraphQL 文件?

Vuetify 2 个工具栏和 1 个导航抽屉,navigation drawer导航抽屉上方有 1 个工具栏

Vue.js 单向绑定表单

使用 vuejs 动态设置 id 标签

Vue.js react性如何在幕后工作?

将 Vue props与默认值合并

如何使用vue js判断组件本身的数据何时发生变化?

在 Vue 中使用事件修饰符 .prevent 提交表单而不进行重定向