如何从具有许多 <input type='file' multiple /> 元素的相同 <form> 中获取数据作为每个输入字段的单独集合？

Question

我有 3 个标签，如下所示；

 <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 />

我输入了2个人的记录。我 select 第一个人的 2 张图像和第二个人的 3 张图像。当我提交表单时，我收到如下数据；

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
)

问题是，我如何识别哪些图像属于哪个人。我需要为每个人单独设置的数据如下

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
)

请在这方面提供帮助

Answer 1

我自己解决了我的问题。除非我们更改名称属性，否则我们无法将数据作为单独的组发送。我已通过更改名称 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
}

如何从具有许多 <input type='file' multiple /> 元素的相同 <form> 中获取数据作为每个输入字段的单独集合？

How to get data form Same <form> with many <input type='file' multiple /> elements as separate set for each input field?

javascript

php

forms

arrays

jquery