Hola a todos ustedes, fantásticos individuos de la pila.

Estoy usando Dropzone para permitir una herramienta de carga de galería. También adapté Dropzone para usar jquery UI sortable para permitir que el usuario reorganice las imágenes cargadas. Sin embargo, cuando el usuario ordena sus imágenes, la función ordenable no afecta la matriz de imágenes en la matriz Dropzone.files.

mi dom inicial

 <div class="item" id="1234"> <img src="image.jpg"> </div> <div class="item" id="5678"> <img src="image2.jpg"> </div> <div class="item" id="9112"> <img src="image3.jpg"> </div>

La matriz Dropzone resultante una vez que se han cargado las imágenes

 Dropzone.files:[ 0:[ id: 1234, url:image.jpg ], 1:[ id: 5678, url:image2.jpg ], 2:[ id: 9112, url:image3.jpg ] ];

Esta es la función de devolución de llamada que uso cuando el DOM se ordena usando jQuery UI Sortable. Sortable no tiene efecto en la matriz de imágenes en el objeto Dropzone. Necesito poder distinguir entre la primera y la última imagen en esta función de devolución de llamada. Ya sea reordenando la matriz de archivos para que coincida con la del DOM, o encontrando una manera de verificar si la iteración actual es el primer archivo en el DOM. Es importante tener en cuenta que necesito toda la información adicional de la matriz de archivos, como el ancho, la altura, el tipo y el tamaño, que no están incluidos en mi ejemplo de matriz.

 callback_function(files){ //need to re order the files array here to match the DOM order! jQuery.each(files, function(index, file){ index == 0 ? do_first_image_validation(file) : do_all_other_images_validation(file); } }