Как сохранить файл на Vuex, чтобы загрузить его позже

Question

Я хочу выбрать файл изображения и сохранить на VUEX, чтобы загрузить его позже с отправкой его в конечную точку API. Я пробую эту концепцию и выбираю файл с input:file и сохраняю его в this.file, затем сохраняю его в состояние в VUEX как-то, но когда я хочу получить данные файла из VUEX, он просто возвращает пустой объект

<input type="file" id="uploadImage" @change="selectFile">

data() {
    return {
        file: null
    }
},

methods: {
    selectFile(event) {
        this.file = event.target.files[0];
    },
}

Answer 1

попробуйте использовать multiple во входном теге, this.files должен быть массивом объектов File

<input type="file" id="uploadImage" ref="myFiles" class="custom-file-input" 
      @change="selectFile" multiple>

data() {
  return {
    files: [],
  }
},
methods: {
  selectFile() {
    this.files = this.$refs.myFiles.files
  }
}