如何提交文件在同一頁面上無需重新加載

Question

我試圖找到問題的答案「如何提交文件，而無需重新載入標籤頁」，我來到這個線程Uploading file in a form without page refresh在這個線程最好的答案是「使用隱藏iframe「。但是，如果我們使用隱藏的iframe，可能會將表單數據提交到另一個文件而無需刷新頁面。但是如何在不重新加載的情況下將文件（使用iframe）提交到當前文件（頁面）。我使用

<form action="<?php echo $_SERVER["PHP_SELF"];?> enctype="multipart/form-data"> 
<input type="file" name="image"> 
<input type="submit"> 
</form> 

我想在我的情況下，我們甚至不能使用seralize() method.So我們如何可以提交同一頁上的文件，而無需重新加載它。我認爲iframe可能不是解決方案。

Answer 1

這裏我用的jQuery這樣的..你要創建的對象FORMDATA

jQuery("body").on("beforeSubmit", "form#YOUR_FORM_ID", function() { 
      var form = jQuery(this); 
      jQuery.ajax({ 
       url: form.attr("action"), 
       type: "POST", 
       data: new FormData(this), 
       processData: false, 
       contentType: false, 
       async: false, 
       success: function(response) { 
        if (response) { 
         //your response 
        } 
       }, 
       error: function() { 
        console.log("internal server error"); 
       } 
      }); 
      return false; 
     });