Javascript 如何在文档的多个部分中重用表单和jQueryAjax调用？

我正在处理jquery对话框电子邮件附件。我创建了一个单独的表单来上传使用formdata对象的文件。我想在同一个php页面的不同对话框中重用表单及其相关的ajax调用（原因：在其他对话框中需要电子邮件附件功能）。我怎样才能做到这一点

Jquery Ajax调用：

  $('#attchform').submit(function(event) {
     $.ajax({
         url: 'uploadfile.php',
         type: 'POST',
         data: new FormData(this),
         processData: false,
         contentType: false,
         success: function(data) {
             document.getElementById("fileToUpload").disabled = true;
             $("#loadimg").html(data);
         }
     });
     event.preventDefault();
 });

Html格式：

<form id="attchform" method="post" enctype="multipart/form-data">
    <input type="file" name="fileToUpload" id="fileToUpload">
    <input type="submit" value="Attach" name="submit">
</form> 
<div id="loadimg"></div>

---

您可以定义函数并调用同一页面中的任意位置：

function UploadFile(){ 
   $.ajax({
     url: 'uploadfile.php',
     type: 'POST',
     data: new FormData(this),
     processData: false,
     contentType: false,
     success: function(data) {
         document.getElementById("fileToUpload").disabled = true;
         $("#loadimg").html(data);
     }
  });
}



$('#attchform').submit(function(event) {
    UploadFile();
    event.preventDefault();
});