Question

我正在尝试使用PHP和AJAX上传图片。

如果没有AJAX，我的图像/文件会被完美上传，但是当我尝试使用AJAX以便页面不刷新时，我没有上传图像/文件！

这是我的代码：

如上所述，我的PHP代码在没有AJAX的情况下工作正常：

if (isset($_POST['u_id_im'])) {
if ($_FILES['fileField']['tmp_name'] != "") {   
    //$details = mysql_real_escape_string($_POST['details']);
        $newname = "$askeru23.jpg";
        move_uploaded_file($_FILES['fileField']['tmp_name'], "users_fav/".$_GET['id']."/$newname");
    }
}

HTML表单：

<form id="imguploader" method="post" action="" enctype="multipart/form-data">
<label style="font-size:22px; color:#666; font-weight:bold; margin-top:50px; width:100%; height:50px; padding-top:50px;">Upload Photo</label><br  /><br />
<?php echo $usersupload; ?>
<input type="hidden" name="askeruim" id="askeru"  value="<?php echo $askeru23; ?>"/><br  />

<input type="hidden" value="<?php echo $u_id; ?>" name="u_id_im"  />

<input type="file" name="fileField" id="fileField" />

<input type="submit" name="submit" id="closethebox" class="submit"  value="UPLOAD" />
</form>

jQuery代码：

$(function(){
    $('#imguploader').on('submit', function(e){
        // prevent native form submission here
        e.preventDefault();

        // now do whatever you want here
        $.ajax({
            type: $(this).attr('method'), // <-- get method of form
            url: $(this).attr('action'), // <-- get action of form
            data: $(this).serialize(), // <-- serialize all fields into a string that is ready to be posted to your PHP file
            beforeSend: function(){

            },
            success: function(data){
            }
        });
    });
});

作为旁注，AJAX代码在文档就绪函数中。

有人可以就此提出建议吗？

由于

Answer 1

form action="" ...你需要设置发送给ajax的网址，否则发送到空白地址。

<form id="imguploader" method="post" action="<?=basename($_SERVER['PHP_SELF'])?>" enctype="multipart/form-data">

使用AJAX和PHP上传图片？

1 个答案: