php实现头像上传预览功能_PHP教程

php实现头像上传预览功能

2021-05-12 17:36v斌v PHP教程

这篇文章主要为大家详细介绍了php实现头像上传预览功能的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了php实现头像上传预览功能的具体代码，供大家参考，具体内容如下

主页面1.php

				?

									<html>

									<head>

									<meta http-equiv="content-type" content="text/html; charset=utf-8" />

									<title>上传头像</title>

									<style type="text/css">

									  *{

									    font-family:"微软雅黑";}

									  #zong{

									    /*border:1px solid black;*/

									    position:relative;

									    width:52%;

									    height:500x;

									    left:24%}

									  .nr{

									    float:left;

									    margin-right:30px;}

									  #yl{width:240px; height:240px; background-size:240px 240px;}

									  #file{width:240px; height:240px; float:left; opacity:0;}

									</style>

									</head>

									<body>

									<div id="zong">

									<form id="sc" action="2.php" method="post" enctype="multipart/form-data" target="shangchuan">

									  <input type="hidden" name="tp" value="" id="tp" />

									  <div id="yl" style="background-image:url(./image/1.jpg)" class="nr">//头像显示的位置

									    <input type="file" name="file" id="file" onchange="document.getelementbyid('sc').submit()" />

									  </div>

									  <div class="nr">

									  </div> 

									</form>

									<iframe style="display:none" name="shangchuan" id="shangchuan">

									</iframe>

									</div>

									</body>

									<script type="text/javascript">

									//回调函数,调用该方法传一个文件路径，改变背景图

									function showimg(url)

									{

									  var div = document.getelementbyid("yl");

									  div.style.backgroundimage = "url("+url+")";

									  document.getelementbyid("tp").value = url;

									}

									</script>

									</html>

处理页面2.php

				?

									<?php

									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 = "./a/image/".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>";

									    }

									  }

									}