我如何上传多个图像（blob）？

Question

这是我的HTML代码。每次单击按钮时，jquery sript都会运行。这是表格的一部分。

    <form class="addproducts" method="POST" action="addproducts.php" enctype="multipart/form-data">.
..
..
..
....
..
<div class="multi-img">             
                <div class="img-group">
                    <!-- multi image form-->
                </div>
                <button id="imgs"><span class="glyphicon glyphicon-plus-sign"></span></button>
            </div><!--multi row-->
            <input type="submit" value="Add Product" />
        </form> 
...
...
...
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button#imgs").click(function(event){
        event.preventDefault();
        $("div.img-group").append('<div class="form-group">'+
                        '<input type="file" name="group-img" />'+
                    '</div>'+
                    '</br>'+
                    '<div class="form-group">'+
                        '<label>Title</label>'+
                        '<input type="input" name="group-imagetitle" />'+
                    '</div>'+
                    '<div class="form-group">'+
                        '<label>Alt Text</label>'+
                        '<input type="input" name="group-imagealt" />'+
                    '</div>'+
                    '</br>');

        });

});
</script>

这是我的PHP代码

for ($i=0; $i<count($_FILES['group-img']['name']); $i++) { 

    $prodgp_imgnme=$_FILES['group-img']['name'][$i];
    $prodgp_img=addslashes(file_get_contents($_FILES['group-img']['tmp_name'][$i]));
    $prodgp_imgtitle=$_POST['group-imagetitle'][$i];
    $prodgp_imgalt=$_POST['group-imagealt'][$i];

    mysqli_query($con,"INSERT INTO nfprodimg(prodi_img,*prodi_prodid,prodi_nme,prodi_title,prodi_alt,prodi_collid)
            VALUES('$prodgp_img','$sku','$prodgp_imgnme','$prodgp_imgtitle', '$prodgp_imgalt','$coll')");


}

我的循环似乎不起作用。 我试图回应$ _FILES ['group-img'] ['name']的数量。结果总是1。