如何輸入文件的數據傳遞到另一個file.php使用javascript

Question

我與JS的文件，該文件是與SRC圖像發送所有的數據形式，除了輸入文件的數據的問題

$(document).ready(function(){ 
 
    //PURE PATH TO IMAGE GENERATING PHP FILE 
 
    var base = $(".preview img").attr("src"); 
 
     
 
    //GATHER IMAGE FOR FIRST TIME 
 
    $(".preview img").attr("src",base+'?'+$(".form-horizontal").serialize()); 
 
      
 
    //KEYUP EVENT AND NEW IMAGE GATHER 
 
    $(".form-horizontal input,textarea").stop().keyup(function(){ 
 
     $(".preview img").attr("src",base+'?'+$(".form-horizontal").serialize()); 
 
    }); 
 
    
 
    $("#getResults").click(function(){ 
 
     $("#resultsUrl").val($(".preview img").attr("src")); 
 
     $("#link").show("slow"); 
 
    }); 
 
     
 
});

<form method="post" action="member_save.php"> 
 
<input type="text" name="firstname" required> 
 
    
 
<input type="text" name="lastname" required> 
 
<input type="file" name="image" accept="image/*" required> 
 
<button name="submit" type="submit">save</button> 
 
</form> 
 
<div id="preview" class="preview"> 
 
<img src="mpdf-master/recto.php" style=" margin-right:-72%; width:70%; />']."" 
 
</div>

Answer 1

定義的Jquery

<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script> 

和使用jQuery這樣

0提交表單

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#form_img").submit(function(e){ 
      e.preventDefault(); 
      var formData = new FormData($("#form_img")[0]); 

      $.ajax({ 
       url : $("#form_img").attr('action'), 
       type : 'POST', 
       data : formData, 
       contentType : false, 
       processData : false, 
       success: function(resp) { 
        console.log(resp);     
       } 
      }); 
     }); 
    }); 

</script> 

寫形式的標籤是這樣的：

<form action="test.php" method="post" id="form_img" enctype="multipart/form-data" accept-charset="utf-8"> 
</form>