javascript - AjaxFileUpload を動的関数にして、複製されたボタンで使用しますか?

Question

画像アップロード フィールドがあり、以下のコードは 1 回のアップロードで正常に動作しています。次に、ファイル アップロード フィールドのクローンを作成し、ID を増やしました。ID を手動で更新しても、複製された (まだ変更された) ID はこの関数では機能しません。コードを書き直すことなく、インプレース アップロード (= 更新なし) の入力フィールドを追加するシステムを作成するにはどうすればよいですか? 特定の場所に1つずつ画像が必要なため、複数のファイルアップロードを使用したくありません。

$(関数() {

var btnUpload=$('#upload');
var uploadstatus=$('#uploadstatus');
var files=$('#files');
var title=document.getElementById('title').value;
var step=document.getElementById('stepnumber').value;
new AjaxUpload(btnUpload, {
    action: 'uploadstep.php?title='+title+'-'+step,
    name: 'uploadstep',
    onSubmit: function(file, ext){
        if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){ 
               uploadstatus.text('Only JPG, PNG or GIF files are allowed');
               return false;
        }
           uploadstatus.html('<img src="ajax-loader.gif" height="16" width="16">');
        },
        onComplete: function(file, response){

            uploadstatus.text('');

            files.html('');

            $('#remove').show();

            if(response==="success"){
                $('<li style="list-style: none; display: block;"></li>').appendTo('#files').html('<img src="images/'+rtitle+'-'+step+'-'+file+'" alt="" width="170"/><br />').addClass('success').attr('id', 'pic');
                $('#stepurl1').val('images/'+rtitle+'-'+step+'-'+file+'');
            } else{
                $('<li style="list-style: none; display: block;"></li>').appendTo('#files').text(file).addClass('error');
            }
        }
    });

});

$(function() {
    $('#remove').click(function() {
      $('#pic').html('')
      $('#stepurl').val('');
      $('#remove').hide();
      $('#uploadstatus').text('');
      $('#upload').val('Add Photo');
    }); 
});