vue-image-upload-resize 重置图片文件

Posted 2023-02-22

【中文标题】vue-image-upload-resize 重置图片文件

【英文标题】：vue-image-upload-resize reset image file

【发布时间】：2019-11-13 05:37:50

【问题描述】：

我在我的 Vue 项目中使用 vue-image-upload-resize。

一切正常，除了我有两个问题

如何删除“选择文件”按钮附近的文字？

文件上传后如何重置控件？基本上，当我尝试再次上传相同的文件时，它不会调用 setImage 事件。我不想在这里使用 JQuery

【参考方案1】：

1。 html：

<div class="input">
    <image-uploader></image-uploader>
</div>

CSS：

.input 
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;

您可以使用$refs

HTML：

<div class="input" @click="initiate">
    <image-uploader ref="image"></image-uploader>
</div>

javascript：

methods: 
    initiate()  this.$refs.image.$el.children[1].value = ""