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>

但它不起作用。我：下面一行：

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

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

任何帮助都非常有用。

我需要使用ajax功能提交多张照片和文本字段，但过去很多天我都遇到了这个问题。

Answer 1

要使用ajax上传文件，您需要使用FormData对象做一些额外的工作。

查看http://blog.teamtreehouse.com/uploading-files-ajax以获取有关如何执行此操作的示例。

如何使用ajax将带有图像数组的表单传递给php

1 个答案: