Tengo vue-upload-component . Necesito mostrar las imágenes cargadas y mostrar en cada botón de imagen para cambiarlo (Cargar nueva imagen).
¿Qué debería estar en el método uploadNew? ¿Cómo abrir la carpeta de exploración para una nueva imagen?
<div> <file-upload :ref="uploaderName" v-model="files" :input-id="uploaderName" :extensions="formats" :drop="drop" :multiple="multiple" @input-filter="inputFilter" > Upload a file </file-upload> <span>or drag and drop</span> </div>después
<div v-show="files.length && !loading" class="flex" > <img v-for="image in files" :key="image.id" :src="image.url" :style="[imageSize]" class="uploaded-image p-2 mr-2 border rounded border-gray-200" > <button @click='uploadNew'> Upload new </button> <button @click='clearUploader'> Remove </button> </div>y datos
methods: { clearUploader() { this.$refs[this.uploaderName].clear(); }, uploadNew() { },