[SOLUCIONADO] Orden en subida de archivos.

[Amiancht]

Hola a todos.

He creado un formulario donde un usuario puede subir multiples imagenes y ordenarlas a su antojo, (gracias a la funcionalidad de "sortable" de jqueryUI), el codigo seria algo así:

Código HTML:

<form action="" method="post" enctype="multipart/form-data">
<div class="add_image"><input type="file" name="image[]"></div>
</form>
 

Con javasript al pulsar en add_image, añadiria una imagen nueva con su previsualización, y puede añadir las que quiera, y luego ordenarlas arrastrandolas:

Código HTML:

<form action="" method="post" enctype="multipart/form-data">    
    
    <div class="wp_image"><!--imagen nueva que se va a subir -->
        <img src="base64image">
        <input type="file" name="image[]">
    </div>  
    <div class="wp_image"><!--imagen nueva que se va a subir -->
        <img src="base64image">
        <input type="file" name="image[]">
    </div>
    <div class="add_image"><input type="file" name="image[]"></div>
</form>
 

BUeno hasta ahí no tengo problemas, en php me vienen ordenados en la variable "$_FILES", y los subo ordenados al servidor, e inserto en la base de datos en su orden su ruta correspondiente, y luego el usuario los podra ver en su orden.

La cuestión está en que puede haber ya imagenes subidas, y es formulario incialmente puede no estar vacio:

Código HTML:

<form action="" method="post" enctype="multipart/form-data">    
    <div class="wp_image"><!--imagen de cargado de la base de datos -->
        <img src="urlimage.com/example.png">
        <input type="text" value="www.url.com/uploads/ejemplo.png" name="image[]">
    </div>
    <div class="wp_image"><!--imagen nueva que se va a subir -->
        <img src="base64image">
        <input type="file" name="image[]">
    </div>
    <div class="wp_image"><!--imagen de cargado de la base de datos -->
        <img src="urlimage.com/example.png">
        <input type="text" value="www.url.com/uploads/ejemplo.png" name="image[]">
    </div>
    <div class="wp_image"><!--imagen nueva que se va a subir -->
        <img src="base64image">
        <input type="file" name="image[]">
    </div>
    <div class="add_image"><input type="file" name="image[]"></div>
</form>
 

Y como el usuario puede ordenarlos como quiera, cuando quiero obtener las que ya estan subidas, que solo puedo mostrarlo en el fomulario con un input tipo "text", aparecen estas variables en $_POST y las nuevas imagenes en $_FILES, y claro al llegarme por separado no sé en que orden llegan .

No sé me ocurre un algoritmo para conseguir el orden en la mezcla que puede hacer el usuario entre las que ya estan subidas y las que se van a subir ahora.

Espero que se me entienda, ¿alguno me puede dar algo de luz?

[pateketrueke]

Puedes agregar un índice para indicar el orden original de las cosas, y entonces mezclarlas:

Código HTML:

<input name="foo[0]" type="text">
<input name="foo[1]" type="file">