無法使用ajax與formdata上傳文件

我的表單中有以下代碼。我嘗試使用jquery通過ajax上傳文件。表單中的其他數據字段已正確提交。但我不能將文件添加到POST請求。無法使用ajax與formdata上傳文件

這裏是我的html代碼：

<div class="form-group"> 
     <div class="col-lg-2"> 
     <label class="lab pull-right">Image:</label> 
     </div> 
     <div class="col-lg-2"> 
     <input type="file" name="nimp" required> 
     </div> 
    </div> 

    <div class="form-group"> 
    <div class="col-lg-2"> 
     <label class="lab pull-right">Thumb Image:</label> 
     </div> 
     <div class="col-lg-2"> 
     <input type="file" name="ntimp" id="ntimp" required> 
     </div> 
    </div>

我的JQ編號：

$(document).ready(function(e) { 
$('button.submit').click(function(e) { 

    e.preventDefault(); 
    var a=new FormData(); 

    alert(a); 

    $('.edit_form_prod_div').hide(); 
    $.ajax({ 
         type:"POST", 
        url:"ep.php", 
        data:a, 
        cahe: false, 
        processData:false, 
        contentType: false, 
        success: function(response){ 
        $('.edit_prod_response').html(response) 

        }, 
         error:function(response) 
        { alert("Error Occures"); } 
        }); 
        $('.edit_prod_response').show(); 
}); 
});

來源

2014-10-31 user4202353

有任何錯誤控制檯 – 2014-10-31 12:05:34

都能跟得上沒有錯誤@ShailendraSharma – user4202353 2014-10-31 12:06:58

我希望這會幫助你http://stackoverflow.com/questions/21044798/how-to-use-formdata-for-ajax-文件上傳 – 2014-10-31 12:09:04

試試這個代碼

<form method="POST" enctype="multipart/form-data" id="fileUploadForm"> 
    <input type="file" name="files"/><br/><br/> 
    <input type="submit" value="Submit" id="btnSubmit"/> 
</form> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> 


<script> 

$(document).ready(function() 
{ 
    $("#btnSubmit").click(function() 
    { 
     var form = $('#fileUploadForm')[0]; 
     var data = new FormData(form); 

     $.ajax({ 
      type: "POST", 
      enctype: 'multipart/form-data', 
      url: "FileUploadHandler", 
      data: data, 
      processData: false, // Importent 
      contentType: false, // Importent 
      cache: false, 
      timeout: 600000, 
      success: function (data) 
      { alert("File Uploaded...!") 
      } 
     }); 
    }); 

</script>

來源

2017-05-04 05:27:18 Bhola

無法使用ajax與formdata上傳文件

回答

相關問題