Laravel & Vue-upload-multiple-image Plugin

кто использовал или знает как использовать этот плагин. моя проблема в том что я не могу отправить мои файлы по нажатию кнопки. в логике самого плагина,файлы автоматически отправляются после выбора файлов,так как formData создается именно в это время и отправляет на функцию который через Axios передает файлы на Back-end. я попробовал сохранить formData-у в переменной,потом отправить его по нажатию кнопки сохранить но тогда отправляется только первый файл.

это где создается файл.


      if (!files.length) {
        return false
      }
      if(!this.isValidNumberOfImages(files.length)){
        return false
      }
      forEach(files, (value, index) => {
        this.createImage(value)
        if (!this.multiple) {
          return false
        }

      })

это createImage

 createImage (file) {
        let reader = new FileReader()
        let formData = new FormData()
        formData.append('file', file)
        reader.onload = (e) => {
          let dataURI = e.target.result
          if (dataURI) {
            if (!this.images.length) {
              this.images.push({name: file.name, path: dataURI, highlight: 1, default: 1})
              this.currentIndexImage = 0
            } else {
              this.images.push({name: file.name, path: dataURI, highlight: 0, default: 0})
            }
            this.$emit('upload-success', formData, this.images.length - 1, this.images)
          }
        }

а вот upload-success event

  uploadImageSuccess(formData, index, fileList) {
      // console.log('data', formData, index, fileList)
      // Upload image api
      axios.post('/home', formData).then(response => {
        console.log(response)
      })
    }

Ответы (0 шт):