first commit

Author: SpliiT

components/FileSelector.vue

@@ -2,7 +2,7 @@
   <FetchingData v-if="loading" />
   <FileUploader
     v-else
-    v-bind="{ multiple, accept }"
+    v-bind="{ multiple, accept, files }"
     @files_uploaded="files_uploaded_event"
   />
 </template>
@@ -20,6 +20,7 @@
   const props = defineProps({
     multiple: { type: Boolean, required: true },
     supported_feature: { type: String, required: false, default: null },
+    files: { type: Array, required: false, default: [] },
   })
 
   const { multiple, supported_feature } = props

components/FileUploader.vue

@@ -39,7 +39,9 @@
   const props = defineProps({
     multiple: { type: Boolean, required: true },
     accept: { type: String, required: true },
+    files: { type: Array, required: false, default: [] },
   })
+
   const { multiple, accept } = toRefs(props)
 
   const label = multiple ? "Please select file(s)" : "Please select a file"
@@ -77,6 +79,11 @@
     toggle_loading()
   }
 
+  if (props.files.length) {
+    files.value = props.files
+    upload_files()
+  }
+
   function clear() {
     files.value = []
     emit("files_uploaded", files.value)