Estimados estaría agradecido de su ayuda.
Tengo un elemento input File múltiple, cada vez que se carga una imagen se activa una función que recorre los elementos cargados y los agrega a un array. Todo funciona bien, pero si vuelvo a cargar imágenes, la numeración que se le asigna (Imagen 0,Imagen 1.....,n) vuelve al comienzo y me gustaría que se agregaran las nuevas filas del array a partir del numero de la ultima fila agregada, es posible esto ?
const base64Image = new Array();
const imagenesDescripcion = new FormData();
function insertImage(){
let imagenes = document.querySelector('input[name="files"]');
if(imagenes.files){
let file = imagenes.files;
for(let i = 0;i < file.length;i++){
imagenesDescripcion.append('imagenesDescripcion['+i+']', file[i]);
let nombre = file[i].name
let reader = new FileReader();
reader.readAsDataURL(file[i]);
reader.onload = function() {
let image = new Image();
image.src = reader.result;
image.onload = function(){
$ ('#summernote').summernote('insertNode',this);
base64Image.push({"Imagen": i, "Img": this['currentSrc'],'Nombre':nombre})
}
}
}
}
console.log(base64Image);
}
El console.log
0: {Imagen: 1, Img: 'data:image/jpeg;base64,/9j/4RMWRXhpZgAAT', Nombre: 'producto12.jpg'}
1: {Imagen: 0, Img: 'data:image/jpeg;base64,/9j/4RM7RXhpZgAAT', Nombre: 'producto11.jpg'}
2: {Imagen: 2, Img: 'data:image/jpeg;base64,/9j/4RLFRXhpZgAAT', Nombre: 'producto13.jpg'}
3: {Imagen: 0, Img: 'data:image/jpeg;base64,/9j/4RMWRXhpZgA', Nombre: 'producto12.jpg'}
4: {Imagen: 1, Img: 'data:image/jpeg;base64,/9j/4RLFRXhpZgAA', Nombre: 'producto13.jpg'}