javascript - 如何在文档的多个部分中重用表单和 jquery ajax 调用？

Question

我正在处理 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>

Answer 1

您可以定义一个函数并在同一页面的任何地方调用:

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();
});