如何通過一種形式與圖像陣列使用AJAX到PHP

Question

PFB我的HTML代碼：

<form id="form" enctype="multipart/form-data"> 
<label>File One</label> 
<input type="file" name="file[]" id="file[]"> 
<br/> 
<label>File Two</label> 
<input type="text" id="name" name="name"> 
<input type="file" name="file[]" id="file[]"> 
<br/> 
<label>File Three</label> 
<input type="file" name="file[]" id="file[]"> 
<input type="submit" id="submit" name="submit" value="Submit"> 
</form> 

我試圖提交使用AJAX這種形式如下：

<script type="text/javascript" > 
$(function() { 
$('#form').submit(function(event) { 
var name = $("#name").val(); 
var file[] = $("#file[]").val(); 

var dataString = 'name='+name+'&file[]='+file[]; 


$.ajax({ 
type: "POST", 
url: "k.php", 
data: dataString, 
success: function(data123){ 
alert(data123); 
} 
}); 

return false; 
}); 
}); 
</script> 

但其不工作。我：e下面的行：

var file[] = $("#file[]").val(); 

var dataString = 'name='+name+'&file[]='+file[]; 

任何幫助將是非常有用的。

我需要提交多個照片以及文本字段使用ajax函數，但我困在這個問題從過去很多天。

Answer 1

對於使用ajax上傳文件，您需要使用FormData對象做一些額外的工作。

查看http://blog.teamtreehouse.com/uploading-files-ajax瞭解如何執行此操作的示例。