весь день я пытаюсь решить проблему с мультизагрузкой изображений. В журнале консоли я вижу все данные, но когда я пытаюсь записать эти данные в переменную, я получаю пустой массив. Если у кого-то есть информация о решении этой проблемы, я буду очень признателен Это мой код в Vue компонент для загрузки изображений
<div class="card-body">
<form>
<vue-upload-multiple-image
@upload-success="uploadImageSuccess(id)"
@before-remove="beforeRemove"
@edit-image="editImage"
:data-images="images"
idUpload="myIdUpload"
editUpload="myIdEdit"
></vue-upload-multiple-image>
</form>
</div>
Это мои данные в Vue компонент
data()
{
return{
images: [],
}
},
Это моя функция от загрузки изображения в Vue Компонент
uploadImageSuccess(id, formData, index, fileList) {
this.images = fileList;
console.log(formData)
console.log(index)
console.log(fileList)
this.addNewGallery({id, data: this.images});
},
Это мой код из Vuex Store из загружаемых изображений
async addNewGallery(ctx, {id, data})
{
return new Promise((resolve, reject) => {
axios({
url: '/gallery/' + id,
method: 'PUT',
data: data,
})
.then((resp) => {
console.log(resp)
})
.catch((error) => {
console.log(error)
reject(error)
})
})
}
Это мой код на вкладке Консоль в браузере
[{…}, ob : наблюдатель]
0:
имя: "IPhoneX.png"
путь: "данные: изображение / png; base64, iVBORw0KGgoAAAANSUhEUgAAC7gA"
выделение: 1
по умолчанию: 1