通过 JQUERY 上传 PHP 图片答案

【问题标题】：PHP Image Upload Via JQUERY通过 JQUERY 上传 PHP 图片
【发布时间】：2013-05-07 21:53:59
【问题描述】：

我正在尝试通过 jQuery POST 命令传递表单数据（头像和用户 ID），但它不会上传文件。有人可以指出我可能做错了什么吗？这是表单和脚本：

<form id="avatar">
    <script>
    $(document).ready(function()
    {
    var ok = true;

    $('#avatarButton').click(function()
    {
    var id=$("#id").val();
    var avatar = $("#avatar").val();

    if(ok == true)
    {           
        $('.avatarValidation').html("Uploading Avatar").removeClass("error").addClass("success");
        jQuery.post("php/<?php echo $usertype; ?>/avatar.php", {
        id:id,
        avatar:avatar
        },  function(data, textStatus){
        if(data == 1){
            $('.avatarValidation').html("Profile Updated").removeClass("error").addClass("success");
        }
        else if(data == 2){
            $('.avatarValidation').html("Error").removeClass("success").addClass("error");
        }
        });
    }
    else
    {
    $('.avatarValidation').html("No").removeClass("success").addClass("error");
    }
    return false;
    });
    });
    </script>
    <table>
        <tr>
            <td class="textColumn profileColumn">Add Avatar:</td>
            <td class="profileInput inputColumn"><input type="file" id="avatar" name="avatar" value="<?php echo $yourname; ?>"/></td>
        </tr>
        <tr>
            <td colspan="2"><input type="hidden" name="id" id="id" value="<?php echo $yourid; ?>"></td>
        </tr>
        <tr class="buttonSpacer"></tr>
        <tr>
            <td colspan="2">
                <input type="submit" class="submitButton" id="avatarButton" value="Upload Avatar" />
                <span class="submitValidation avatarValidation"></span>
            </td>
        </tr>
    </table>
    </form>

这里是表单数据被传递到的 PHP：

<?php
$id= mysqli_real_escape_string($con, $_REQUEST["id"]);
$avatar= mysqli_real_escape_string($con, $_REQUEST["avatar"]);

if ($_FILES['$avatar']['error'] > 0) {
    echo "2"; //Echo Error
} else {
    // array of valid extensions
    $validExtensions = array('.jpg', '.jpeg', '.gif', '.png');
    // get extension of the uploaded file
    $fileExtension = strrchr($_FILES['$avatar']['name'], ".");
    // check if file Extension is on the list of allowed ones
    if (in_array($fileExtension, $validExtensions)) {
        $newName = time() . '_' . $_FILES['$avatar']['name'];
        $destination = 'avatar/' . $newName;
        if (move_uploaded_file($_FILES['$avatar']['tmp_name'], $destination)) {
            echo "1"; //Echo Success
        }
    } else {
        echo "2"; //Echo Error
    }
}
?>

【问题讨论】：

使用 jQuery ajax 方法上传需要更多时间，您必须构建一个 formdata 对象并传递它。此外，它在 IE
谢谢@KevinB - 我会看看这个 - 刚刚看到一些关于使用 IFrame 的东西，所以这可能是解决这个问题的方法 - 再次感谢
你可以使用iframe技术
这里是iframe技术的教程peachpit.com/articles/article.aspx?p=1766159

标签： php jquery forms upload

【解决方案1】：

你可以试试这个插件，它会为你处理大部分的后台工作。他们也有 PHP 示例：

http://blueimp.github.io/jQuery-File-Upload/

【讨论】：