Sayısı belli olmayan input nasıl çekilir?

Bir blog sayfam var. Sayfada admin panelinden blog yazarken fotoğraf url'i ekliyorum. Ama fotoğraf sayısı belli olmadığı için "+" butonuna basınca yeni bir input çıkıyor ve 2.url'i giriyorum.

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Ajax ile sınırsız input</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <form class="form "  action="" onsubmit="return false">
        Fotoğraf 1 girin : <input type="text" name="foto1"><br>
    </form>
    <button class="arttir" type="button">+</button>
<script>
    var input = 1; 
    $(".arttir").on('click', function(){
        input = input + 1
        $(".form").append("Fotoğraf " + input + " girin : <input type='text' name='foto" +input+"'><br>")
    })
</script>
</body>
</html>

Buraya kadar sorunsuz çalışıyor ancak burada kaç tane input olacağı belli değil. Bu yüzden bunu nasıl post edip veri tabanına kaydedeceğimi anlayamadım.