vue-image-upload-resize reset image file

Question

I am using vue-image-upload-resize in my Vue project.

All works fine except I have two issues

How can I reset the control after file upload? Basically when I try and upload the same file again, it does not call the setImage event. I do not want to use JQuery here

tony19 · Accepted Answer · 2022-07-16 00:44:49Z

1

HTML:

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

CSS:

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

HTML:

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

JavaScript:

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

tony19

140k23 gold badges281 silver badges354 bronze badges

answered Oct 10, 2019 at 0:08

Suyoung Kang

111 bronze badge

Sign up to request clarification or add additional context in comments.

1 Answer 1