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

时间:2019-07-02 14:27:50

标签: javascript vue.js

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

除了我有两个问题之外,一切都很好

  1. 如何删除“选择文件”按钮附近的文本?

enter image description here

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

1 个答案:

答案 0 :(得分:0)

1。 HTML:

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

CSS:

.input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
  1. 您可以使用$refs

HTML:

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

JavaScript:

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