javascript - テキストボックスに表示されない複数のファイル入力とパスの欠落について

Question

JavaScript を使用して 1 つのフォーム内に複数のフォームを追加していますが、重複したフォームのパス ファイルを fileinput に追加すると、そのパスが表示されないという問題があります。

これは私がフォームを複製しているjavascriptスルーです。

var count=0;

$(document).on("click", "#addanother", function(){
    count=count+1;


    $(".content #formImage:last").append('<br>');

    divcontent='<form id="formImage'+count+'" name="formImage[]">'+
    '<input type="hidden" id="api'+count+'" name="api" value="addImageInPack" />'+
    '<input type="hidden" id="imageusername'+count+'" name="username" value="" />'+
'<input type="hidden" id="imagepassword'+count+'" name="password" value="" />'+
    '<table width="100%" style="border:2px solid #ffffffl;" id="multipleImages'+count+'" >'+
    '<tbody>'+
    '<tr><td><label for="imagetitle">Title (Optional)</label></td>'+
    '<td><span id="remove" style="cursor:pointer;"><img src="img/cross.png" width="10px" style="float: right; right:0;" /></span><br />'+
    '<input type="text" id="imagetitle'+count+'" name="title[]" style="width:100%" /></td>'+
    '</tr>'+
    '<tr>'+
    '<td><label for="imagetags" style="width:100%">Tags</label></td>'+
    '<td><input type="text" id="imagetags'+count+'" name="tags[]" style="width:100%" /></td>'+
    '</tr>'+
    '<tr>'+
    '<td><label for="imagedescription" style="width:100%">Description (Optional)</label></td>'+
    '<td><textarea id="imagedescription'+count+'" name="description[]" style="width:100%"></textarea></td>'+
    '</tr>'+
    '<tr>'+
    '<td><label for="imagepackid" style="width:100%">Pack</label></td>'+
    '<td><select id="imagepackid'+count+'" name="packid[]" style="width:100%">'+"'<?php echo $server->getPackOptions() ?>+'"+'</select></td>'+
    '</tr>'+
    '<tr>'+
    '<td><label for="file">Image:</label></td>'+
    '<td>'+
    '<input class="file" style="display: inline; width: 150px;">'+
    '<div class="file-btn" style="width: 85px; height: 28px; display: inline; position: absolute; overflow: hidden; cursor: pointer; background-position: 100% 50%;">'+
    '<input type="file" name="file" id="image" style="position: relative; height: 28px; width: 150px; display: inline; cursor: pointer; opacity: 0; margin-left: -65px;">'+
    '</div>'+
    '<img src="img/uploadIcon.png" width="20px">'+
    '</td>'+
    '</tr>'+
    '</tbody>'+
    '</table>'+
    '</form>';



    jQuery('.content #formImage').append(divcontent);
}); 

これは元のhtmlコードです:

<form id="formImage" name="formImage[]">
                        <input type="hidden" id="api" name="api" value="addImageInPack" />
                        <input type="hidden" id="imageusername" name="username" value="" />
                        <input type="hidden" id="imagepassword" name="password" value="" />
                        <table width="100%" style="border:2px solid #ffffffl;" id="multipleImages" >
                        <tbody>

                            <tr>
                            <td><label for="imagetitle">Title (Optional)</label></td>
                            <td>
                            <span id="remove" style="cursor:pointer;"><img src='img/cross.png' width='10px' style="float: right; right:0;" /></span>
                            <br />
                            <input type="text" id="imagetitle" name="title[]" style="width:100%" /></td>
                            </tr>
                            <tr>
                            <td><label for="imagetags" style="width:100%">Tags</label></td> 
                            <td><input type="text" id="imagetags" name="tags[]" style="width:100%" /></td>
                            </tr>
                            <tr>
                            <td><label for="imagedescription" style="width:100%">Description (Optional)</label></td>
                            <td><textarea id="imagedescription" name="description[]" style="width:100%"></textarea></td>
                            </tr>
                            <tr>
                            <td><label for="imagepackid" style="width:100%">Pack</label></td>
                            <td><select id="imagepackid" name="packid[]" style="width:100%"><?php echo $server->getPackOptions() ?></select></td>
                            </tr>
                            <tr>
                            <td><label for="file">Image:</label></td>
                            <td>
                                <input type="file" name="file[]" id="image"/>
                                <img src="img/uploadIcon.png" width="20px"/>

                             </td>
                        </tr>
                        </tbody>
                        </table>
                    </form>

画像のアップロード時に 2 番目の入力ファイル パスが表示されないことを説明した問題。

2番目の問題は、JavaScriptを介してボタンをクリックすると、この動的に作成されたフォームを削除したいということです。これを行う方法。事前にご協力いただきありがとうございます。