如何在上传文件后保持在同一页面上，并在jquerymobile中单击提交

how to stay on same page after upload file and click on submit in jquerymobile

本文关键字：并在 jquerymobile 单击 提交 一页 文件      更新时间：2023-09-26

我上传了一个文件，点击提交按钮后页面将导航到.php文件并获取成功消息。但之后我想保持一致使用ajax点击带有out的提交按钮。请帮帮我。谢谢

  HTML code:
  <div id="videos" class="uploadVideos" >
  <form name="uploadForm" action=".../videoApp/services/upload.php"   
  id="uploadForm" onsubmit="return validateForm()" method="POST" data-transition="pop"
  data-direction="reverse" data-ajax="false" data-push-state="false" target="_self"  
  enctype="multipart/form-data" >
    <input type="hidden" name="familyID"  />
    <input type="hidden" name="name" />
     <label for="file"><b>Add Videos: </b></label>
     <input type="file" name="file" id="file" required />
    <input type="submit" value="Upload" id="videoUpload" data-icon="check" data-role="button"  
      data-theme="e" />
      </form>
     </div>
要做到这一点，您必须使用AJAX调用，因为这是在不重新加载页面的情况下动态发布表单的唯一方法。在onsubmit中，您可以调用类似post_form();的函数，该函数包含以下代码： 
function post_form(e){   
    var formData = new FormData($('#uploadForm')[0]);   
    $.ajax({  
        url: ".../videoApp/services/upload.php",  
        type: 'POST',   
        data: formdata,
        processData: false,
        contentType: false,
        success: function (data) {  
            alert(data); 
        }  
    });  
}
相关文章：