php 网页实现头像上传与预览功能-php开发知识文章-编程文章分享

本文介绍了php 网页实现头像上传与预览功能的具体代码，核心在图片的上传与处理，欢迎大家的学习，具体内容如下

html页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>上传图片</title>
</head>
<body>
<div>
    <form id="sc" action="aa.php" method="post" enctype="multipart/form-data" target="">
        <input type="hidden" name="tp" value="" id="tp"/>
        <div id="yl" class="nr">
            <!--头像显示的位置 -->
            <input type="file" name="file" id="file" onchange="document.getElementById('sc').submit()"/>
        </div>
        <div class="nr"></div>
    </form>
</div>
</body>
<script>
    //回调函数,调用该方法传一个文件路径，改变背景图
    function showimg(url) {
        var div = document.getElementById("yl");
        div.style.backgroundImage = "url(" + url + ")";
        document.getElementById("tp").value = url;
    }
</script>
</html>

图片上传处理页面：

session_start();
$uid = $_SESSION["uid"];
if ($_FILES["file"]["error"]) {
    echo $_FILES["file"]["error"];
} else {
    if (($_FILES["file"]["type"] == "image/jpeg" || $_FILES["file"]["type"] == "image/png") 
        && $_FILES["file"]["size"] < 1024000) {
        $fname = "./pic/" . date("YmdHis") . $_FILES["file"]["name"];
        //头像存储的路径
        $filename = iconv("UTF-8", "gb2312", $fname);
        if (file_exists($filename)) {
            echo "<script>alert('该文件已存在！');</script>";
        } else {
            move_uploaded_file($_FILES["file"]["tmp_name"], $filename);
            unlink($_POST["tp"]);
            echo "<script>parent.showimg('{$fname}');</script>";
        }
    }
}

以上就是本文php 网页实现头像上传与预览功能的全部内容，欢迎大家的学习，也希望大家多多支持本站。

php 网页实现头像上传与预览功能

php 网页实现头像上传与预览功能

相关推荐

请登录