使用Jquery动态上传静态javascript/ajax文件

基本上，多年来我一直使用静态文件上传脚本，最初是ajaxupload。它经过轻微编辑以满足我们的需要，每页一张图片，效果完美。然而，我现在需要在一个页面上上传多个单独的图片，以避免自己简单地复制大量我希望使当前脚本动态的相同代码

下面是Javascript：

$(document).ready(function(){

$("#daftform").validationEngine({promptPosition : "topLeft:0,15", scroll: false}); 
                            var btnUpload=$('#upload');
                            var status=$('#swaptd');
                            new AjaxUpload(btnUpload, {
                                            action: 'upload-file-notes.php',
                                            name: 'uploadfile',
                                            onSubmit: function(file, ext){
                                                             if (! (ext && /^(jpg|png|gif|pdf|doc)$/.test(ext))){ 
                // extension is not allowed 
                                                                            status.text('File format not supported!');
                                                                            return false;
                                                            }
                                                            //status.text('Uploading...');
                                                            $('#hidebtn').hide();
                                                            $('#hideimg').show();
                                            },
                                            onComplete: function(file, response){
                                                            //alert(response);
                                                            var mytext = response.split('#');
                                                            //Add uploaded file to list
                                                            if(mytext[0]==="success"){
                                                                            str =mytext[1];
                                                                            newid = str.substring(0, str.length - 5);
                                                                            $('#myfilename').html(mytext[1]);
                                                                            document.daftform.attachments.value = mytext[1];
                                                                            $('#hidebtn').show();
                                                                            $('#hideimg').hide();
                                                            } else{
                                                                $('#myfilename').html('error had occured');
                                                            }
                                            }
                            });

            });

这与s imple html元素有关：

<?php if (isset($_GET['change']) && $_GET['change'] == "image1"){?>
                                <tr>
                                    <td align="right">Thumbnail:</td>
                                    <td>
                                        <table>
                                            <tr>
                                                <td>
                                                    <div id="upload" >
                                                        <button id="upload" type="button">Upload</button>
                                                    </div>
                                                </td>
                                                <td id="myfilename">
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                                <?php } else { ?>
                                <tr>
                                    <td align="right">Banner:</td>
                                    <td align="left">
                                        <img src="../shop/<?php echo $subcatinforow['SubCatBan']; ?>" width="230" border="0">&nbsp;<a href="productupdate.php?change=image1&id=<?php echo $prodID; ?>"><img src="images/1001-cancel16.gif" width="16" height="16" alt="" border="0"></a>
                                        <div id="upload"></div>
                                    </td>
                                </tr>
                                <?php } ?>

上传需要成为一个动态变量 希望一切都有意义

var btnUpload=$('#upload');