关于javascript：PHP文件上传无法在jquery ajax表单中使用

PHP File Upload is not working in jquery ajax form

本问题已经有最佳答案，请猛点这里访问。

我使用Ajax表单动态显示包含文件上载选项的表单。我正在获取每个文本值的post值，但文件数组为空。我已经执行了print_r($_POST)和print_r($_FILES)来查看post数据，$文件数组显示空值。

这是我用的表格。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42

<form class="form-3 form-horizontal ajxfrm" id="step-three" enctype="multipart/form-data" action="<?php echo $html->addLink(array('controller'=>'homes','action'=>'step_three_ajax')); ?>" method="post">

<label class="control-label">Name</label>
<input id="name" type="text" name="name" />

Email
<input id="email" type="text" name="email" />

Contact
<input id="contact" type="text" name="contact" />

Files<br/><span style="font-size:10px; font-style:italic">(Optional)</span>

<input id="fileupload" type="file" name="fileupload" /><br/>

Your Message
<textarea id="message" rows="3" name="message"></textarea>

<input type="hidden" name="post" value="1"/>
<input type="submit" class="btn green" value="Next"/>

</form>

这是Ajax调用

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

$('.ajxfrm').live('submit',function(){
var thisObj = this;
var submit = true;
if('step-two'==$(thisObj).attr('id')){
submit = stepTwo();
}else if('step-three'==$(thisObj).attr('id')){
submit = stepThree();
}
if(submit){
$.ajax({
type:"POST",
data: $(thisObj).serialize(),
url: $(thisObj).attr('action'),
beforeSend: function(){
showOverLayer();
},
success: function(data){
$(thisObj).parent("#content").empty().html(data).hide().fadeIn(function(){
setBlocks();
setLiClick();
hideOverLayer();
});
changeCalNaviHref();
}
});
}
return false;
});

这里我使用控制器中的$booker->uploadFiles()；调用upload函数这是控制器方法函数

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

public function step_three(){
//save booking
if(isset($_POST['post'])){
$booker = new Booker();
//create booker
$_SESSION['userdat']['name']=$_POST['name'];
$_SESSION['userdat']['email']=$_POST['email'];
$_SESSION['userdat']['contact']=$_POST['contact'];
$_SESSION['userdat']['message']=$_POST['message'];

if($booker->setsessions($_SESSION['userdat']))
{
$booker->uploadfiles();
$this->redirect(array('controller'=>'homes','action'=>'step_four'));
}
else
{
$this->setFlashMsg('Please Provide Valid Information','message-box ok');
}
}
}

下面是模型函数uploadfiles()。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48

public function uploadfiles()
{
if(isset($_FILES['fileupload']))
{
$errors= array();
foreach($_FILES['fileupload']['tmp_name'] as $key => $tmp_name )
{
print_r($_FILES);
exit;
$file_name = $key.$_FILES['fileupload']['name'][$key];
$file_size =$_FILES['fileupload']['size'][$key];
$file_tmp =$_FILES['fileupload']['tmp_name'][$key];
$file_type=$_FILES['fileupload']['type'][$key];
if($file_size > 2097152)
{
$errors[]='File size must be less than 2 MB';
}
$upload_dir = ROOT;
$desired_dir="/uploads/";
if(empty($errors)==true)
{
if(is_dir($desired_dir)==false)
{
mkdir("$desired_dir", 0700); // Create directory if it does not exist
}
if(is_dir("$desired_dir/".$file_name)==false)
{
//$file_path=$upload_dir."$desired_dir/".$file_name;
move_uploaded_file($file_tmp,$upload_dir."$desired_dir/".$file_name);
}
else
{ // rename the file if another one exist
$file_path=$upload_dir."$desired_dir/".$file_name.time();
rename($file_tmp,$file_path) ;
}
}
else
{
print_r($errors);
}
}
if(empty($error))
{
//echo"Success"; exit;
return true;
}
return false;
}

我这里缺什么？

相关讨论

你实际的uploading功能是什么？move_uploaded_file－)以及您的Ajax没有为您的php上传代码设置URL的事实。问：你从哪里得到这些密码的？我怀疑你把这里的一切都给我们看了。
我更新了问题-弗雷德
谢谢你，基兰。现在，你能给我解释一下这句话吗？$upload_dir = ROOT;—我认为这是CodeIgniter的专利，对吗？
根目录只是根目录。我定义了一个全局变量。
你提到过$_FILES Array。是否允许多个上载？
首先，我尝试使用多个文件，但后来我切换到单文件上传来测试程序。如果我直接访问第三页，如果我上传了一个文件，那么文件正在上传，但是当我使用Ajax动态显示表单时，如果它不上传文件，那么它不会工作–
通常，在纯PHP中，当上载多个文件时，它们被设置在一个数组中，其中格式中的名称(例如您的name="fileupload")将添加括号，如name="fileupload[]"。这就是我为什么要问"阵列"的原因。
Fred:-我添加了fileupload[]，然后将其用作多个文件上载…我认为这是因为enctype multipart/form数据，ajax调用没有创建enctype属性。
嗯，不知道enctype有问题，但不会把它排除在方程之外。我开始质疑if(isset($_POST['post'])){。我看它和有关。几天前我看到了另一个案例，如果它是一个"隐藏"的值，那么上传就不起作用了。你为什么不试试if(isset($_POST['submit'])){来"测试"一下，把你的命名为。
等等，我试试看
等等，我刚注意到一些事情。您使用的是"会话"。您的"已发布"代码中缺少session_start();。如果你不把它放在里面，那就必须放在每个.php文件的最上面。
我已经在控制器的顶部开始了会话。这不是问题所在
该死的，我确信就是这样。我的其他建议不起作用，我接受了。？
不，它不起作用
在中加一个name既不起作用，也不起作用。
没有伙伴…不再走运
我完全"困惑"。你的电脑里没有什么东西会对你耍花招？我以前也见过这种情况。
我从两天就完全困惑了
在你的电脑里呢？我注意到print_r($_FILES); exit;—exit;不是停止执行吗？
是的，只是为了回显上传的文件。上传文件时显示空数组…我留着做测试
好啊。另一件事是，你在结尾处有一个正斜杠。在$file_path=$upload_dir."$desired_dir/"中，你还有一个正斜杠。我怀疑这是问题所在，但你不这么认为吗？在其他一些领域也是如此。
试着去掉/uploads/末尾的斜线，读作/uploads可能？
弗雷德，我的朋友，那是我的根上传文件夹，如果我直接访问第三步页面，它的工作正常。问题是表单wizrd，它有4个步骤，每个页面一个表单，如果我在一个页面中单击Next，那么下一个表单将使用上面显示的Ajax调用加载。
所以你认为问题是在你的uploadfiles()类模型中还是在step_three()中？
不。。。问题出在Ajax调用上。当我直接访问页面时，uploadFiles()工作正常。我想是因为EncType
如果您有任何解决方案，请在[email protected]与我联系…特别感谢你付出的努力…我等你的答复
你的action中有'action'=>'step_three_ajax'，而你的else if('step-three'==$(thisObj).attr('id')){和function step_three(){。这里好像有点不对劲，我也没看到有人打电话给step_three_ajax。
不客气，基兰。不过，你看过我的评论吗，就在这篇评论的上方？
步骤_three()函数用于验证输入字段。所有输入值正确后返回真
但是你把动作设定为'action'=>'step_three_ajax'，那不是应该是'action'=>'step_three'吗？
您可以在这里看到其他if("step-three"==$(thisobj).attr("id"))submit=stepthree()；这是验证执行并返回true的地方，它执行步骤_ajax
你有'action'=>'step_three'和if('step-three'。注意到你的if...中的"破折号"(-)而不是你的action'=>...中的下划线(u)？
@无痕，我不认为这是复制品。OP提到他在直接访问上传页面时很成功。只有通过Ajax加载表单时才会出现问题…
@Jasonnathan你说得对…我发现文件上传在Ajax中不起作用

试试这个。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

$('.ajxfrm').live('submit',function(){
var thisObj = $(this),
submit = true;

if('step-two'== thisObj.attr('id')){
submit = stepTwo();
}else if('step-three'== thisObj.attr('id')){
submit = stepThree();
}
if(submit){
$.ajax({
type:"POST",
data: thisObj.serialize(),
url: thisObj.attr('action'),
beforeSend: function(){
showOverLayer();
},
success: function(data){
thisObj.parent("#content").empty().html(data).hide().fadeIn(function(){
setBlocks();
setLiClick();
hideOverLayer();
});
changeCalNaviHref();
}
});
}
return false;
});

你能给我看一个关于成功方法的console.log(data)吗？

谢谢