Skip to content

Selected File Event

You Have to use ref="your_component_variable" for use any Predefined Methods.

Please check the console.log() after click Fatch File button.

vue
<template>
  <Vue3Fileinput ref="uploadedFile"
    v-model="form.image"
    :fileType="['image/png', 'image/jpeg']"
    :maxSize="5 * 1024 * 1024"
    placeholder="Drop your file here"
    helperText="Max size Upload: 5MB"
  />
</template>

<script setup>
import { ref } from "vue";

const form = ref({
    image : null,
    preview : null,
})

const uploadedFile = ref(null);
const file = ref(null);

const getfile = () =>{
    file.value = uploadedFile.value.selectedFile;
    console.log(file.value);
}


</script>