Делаю загрузку файлов на сервер с предварительным просмотром.
imgPreview: [],
form: new Form({
images: []
})
//При выборе картинок вызывается метод
uploadImg(img){
this.form.images = img.target.files;
for(let image of this.form.images){
let reader = new FileReader();
reader.readAsDataURL(image);
reader.onloadend = (image) => {
this.imgPreview.push(reader.result);
}
},
Также есть метод удаления картинки с предварительного просмотра
<button type="button" slot="button" @click="deleteImgInArray(index)">удалить</button>
deleteImgInArray(index){
this.$delete(this.form.images,index); //Так не удаляется
this.$delete(this.imgPreview,index);
},
При клике на кнопку удалить картинку она удаляется из массива imgPrewiew, как сделать удаление и из массива images. В консоле выведу свойство images
console.log(this.form.images);
FileList {0: File, 1: File, 2: File, 3: File, length: 4}length: 40: File1: File2: File3: File__proto__: FileList