如何使用php处理许多表单输入？

如何解决如何使用php处理许多表单输入？

我正在制作一个应用，其中我想写两个图像的名称（第一个和第二个文本字段），显然每次都选择两个图像。之后我要发生的是将它们连续显示（每行2张图片）。虽然我希望左侧图片的名称位于第一个图片之前，但右侧图片的名称应位于右侧图片之后。最后但并非最不重要的一点，我想在两个图像之间显示两个箭头，每个箭头指向其图片。

我设法连续显示图片，但是该图片连续重复两次，我只需要在其中一次即可。我还需要填写图片的名称。

任何人都可以给我一个我如何修正代码的想法吗？我会为每一个建议而感激！

// index.PHP

 <form method="post" id="upload_multiple_images" enctype="multipart/form-data">
                <input type="text" name="name_of_first_pic">
                <input type="text" name="name_of_second_pic">
                <input type="file" name="image[]" id="image" multiple accept=".jpg,.png,.gif" /> <!-- Two images should be opted each time! -->
                <br />
                <input type="submit" name="insert" id="insert" value="Insert" class="btn btn-info" />
            </form>
            <br />
            <br />

            <div id="images_list"></div>

        </div>
    </body>
</html>
<script>
$(document).ready(function(){

    load_images();

    function load_images()
    {
        $.ajax({
            url:"fetch_images.PHP",success:function(data)
            {
                $('#images_list').html(data);
            }
        });
    }

    $('#upload_multiple_images').on('submit',function(event){
        event.preventDefault();
        var image_name = $('#image').val();
        if(image_name == '')
        {
            alert("Please Select Pic");
            return false;
        }
        else
        {
            $.ajax({
                url:"insert.PHP",method:"POST",data: new FormData(this),contentType:false,cache:false,processData:false,success:function(data)
                {
                    $('#image').val('');
                    load_images();
                }
            });
        }
    });

});
</script>

//fetch_images.PHP
<?PHP
include('database_connection.PHP');

$query = "SELECT * FROM tbl_images ORDER BY image_id DESC";

$statement = $connect->prepare($query);



if($statement->execute())
{
 $result = $statement->fetchAll();

 foreach($result as $row)
 {

  $output .= '
  <div class="row">
  <div class="col-lg-2 col-md-2"></div>
  <div class="col-lg-2 col-md-2">
   <img src="data:image/jpeg;base64,'.base64_encode($row['images'] ).'" class="img-thumbnail" />
  </div>
  <div class="col-lg-2 col-md-2"><img src="images/left.png" width="100" height="100"></div>
  <div class="col-lg-2 col-md-2"><img src="images/right.png" width="100" height="100"></div>
  <div class="col-lg-2 col-md-2" style="margin-bottom:16px;">
   <img src="data:image/jpeg;base64,'.base64_encode($row['images'] ).'" class="img-thumbnail" />
  </div>
  <div class="col-lg-2 col-md-2"></div>
  </div>
  ';
 }
}

echo $output;

?>