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)
})
}