javascript - Javascript inq: JavaScript を使用して表示する入力フィールドの数を制御する

Question

スクリプト: 画像アップロード スクリプトですが、焦点は JavaScript にあります。

JavaScriptは、現在、「画像を追加」ボタンがクリックされるたびに画像をアップロードするための新しいフィールドをユーザーに提供します。

問題: スクリプトはほとんどの部分で機能しますが、ユーザーに無制限のアップロード フィールドを提供します。

必要：

1. ユーザーが「画像を追加」ボタンをクリックできる回数を制御し、ユーザーがアップロードするファイルの設定数を超えた場合、「画像を追加」ボタンを無効にする必要があります。
2. リストから画像の 1 つが削除された場合、別の画像を追加するには、[画像を追加] ボタンを再度有効にする必要があります。

例: ユーザーは 3 つのイメージャーをアップロードできます。ユーザーがアップロードを超えると、アップロード ボタンが無効になります。ユーザーデルの場合。ファイルの 1 つを画像アップロード ボタンで有効にして、アップロードできるファイル数を維持しながら別のファイルをアップロードする必要があります。

あなたが私に与えることができるどんな助けも大いに感謝するでしょう. ありがとう

    $(function()
{   $('#add-file-field').click(function()
    {   $("#addField").append('<div class="added-field"><input type="file" name="data[]"><input type="image" src="delete.png" class="remove-btn" value="Remove"></div>');
    });
    $('.remove-btn').live('click',function()
    {   $(this).parent().remove();  });
    });