Tengo una con 3 etiquetas como se indica a continuación;
<input type="name" class="form-control" id="name" placeholder="Enter name" name="name[]"> <input type="text" class="form-control" id="phone" placeholder="Enter phone" name="phone[]"> <input type="file" name="Image[]" id="image" multiple />Entro ficha de 2 personas. Selecciono 2 imágenes para la 1ra persona y 3 imágenes para la 2da persona. Cuando envío el formulario, recibo los siguientes datos;
Array ( [name] => Array ( [0] => Mr A [1] => Mr B ) [phone] => Array ( [0] => 1234567 [1] => 9876543 ) [Image] => Array ( [0] => 1 (1).png [1] => 1 (2).png [2] => 1 (3).png [3] => 1 (4).png [4] => 1 (5).png ) [submit] => Submit )El problema es cómo puedo identificar qué imágenes pertenecen a qué persona. Necesito datos como un conjunto separado para cada persona de la siguiente manera
Array ( [name] => Array ( [0] => Mr A [1] => Mr B ) [phone] => Array ( [0] => 1234567 [1] => 9876543 ) [Image] => Array ( [0] => Array ( [0] => 1 (1).png [1] => 1 (2).png ) [1] => Array ( [0] => 1 (3).png [1] => 1 (4).png [2] => 1 (5).png ) ) [submit] => Submit )Por favor ayuda en este contexto
He resuelto mi problema yo mismo. No podemos enviar datos como grupo separado a menos que cambiemos el atributo de nombre. Lo he arreglado cambiando el nombre onClick
<input type="file" name="image[1][]" id="" onchange="countFiles()" multiple />JQuery
function countFiles(){ var n = $(':input[type=file]').length; //counts input type file tags $(event.currentTarget).attr('name', 'image['+n+'][]'); //changes name }