脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → PHP编程 → php技巧 → php上传预览功能

php实现文件上传及头像预览功能

 更新时间：2017年01月15日 11:10:05   作者：发瑞  
这篇文章主要介绍了php实现文件上传及头像预览功能的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

php文件上传原理是通过form表单的enctype="multipart/form-data"属性将文件临时放到wamp文件夹中的tmp目录下，再通过后台php程序将文件保存在体统中。

html代码：

<form action="shangchuan.php" method="post" enctype="multipart/form-data">
 <input type="file" name="file" />
 <input type="submit" value="上传" />
</form>

后台处理界面（shangchuan.php）：

有以下几点需要注意：

1.控制上传文件的类型
2.控制上传文件的大小
3.防止文件名重复
修改保存的文件名
用户名+时间戳+随机数+文件名
流水号

使用文件夹要提前建好路径。

4.保存文件

//判断文件上传是否出错
if($_FILES["file"]["error"])
{
 echo $_FILES["file"]["error"];
}
else
{
 //控制上传文件的类型，大小
 if(($_FILES["file"]["type"]=="image/jpeg" || $_FILES["file"]["type"]=="image/png") && $_FILES["file"]["size"]<1024000)
 {
  //找到文件存放的位置
  $filename = "./file/".date("YmdHis").$_FILES["file"]["name"];
   
  //转换编码格式
  $filename = iconv("UTF-8","gb2312",$filename);
   
  //判断文件是否存在
  if(file_exists($filename))
  {
   echo "该文件已存在！";
  }
  else
  {
   //保存文件
   move_uploaded_file($_FILES["file"]["tmp_name"],$filename);
  }
 }
 else
 {
  echo "文件类型不正确！";
 }
}

点击上传后文件就保存在系统的指定路径下。

保存后按照指定方法重命名文件名：

头像上传预览

原理：在html界面做一个头像大小的div，设置上传头像的背景，在div里面做一个上传文件的input，透明度设置为0.

这样，点击这个div就可以跟上传的效果相同。

<title>无标题文档</title>
<style type="text/css">
#yl{ width:200px; height:300px; background-image:url(img/11.png); background-size:200px 300px;}
#file{ width:200px; height:300px; float:left; opacity:0;}
</style>
</head>
 
<body>
 
<form id="sc" action="chuli.php" method="post" enctype="multipart/form-data" target="shangchuan">
  
 <input type="hidden" name="tp" value="" id="tp" />
  
 <div id="yl">
  <input type="file" name="file" id="file" onchange="document.getElementById('sc').submit()" />
 </div>
  
  
  
</form>
 
<iframe style="display:none" name="shangchuan" id="shangchuan">
</iframe>
 
 
</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>

php处理界面（chuli.php）：

<?php
 
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 = "./img/".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获取URL中带#号等特殊符号参数的解决方法

    php获取URL中带#号等特殊符号参数的解决方法

    这篇文章主要介绍了php获取URL中带#号等特殊符号参数的解决方法,本文使用JS中的escape函数编码后传递解决这个问题,需要的朋友可以参考下
    2014-09-09
  • PHP中常见文本文件操作总结

    PHP中常见文本文件操作总结

    在PHP中,我们可以使用一些内置的函数来进行文本文件操作,本文主要为大家详细介绍了一些常见的文本文件操作,有需要的小伙伴可以参考一下
    2023-12-12
  • PHP中让json_encode不自动转义斜杠“/”的方法

    PHP中让json_encode不自动转义斜杠“/”的方法

    这篇文章主要给大家分享了PHP中如何让json_encode不自动转义斜杠“/”的两种方法，文中给出了详细的示例代码，相信对大家具有一定的参考价值，需要的朋友们下面来一起看看吧。
    2017-02-02
  • WordPress判断用户是否登录的代码

    WordPress判断用户是否登录的代码

    对WordPress知之甚少，见笑了。WordPress判断用户是否登录的代码，需要的朋友可以参考下。
    2011-03-03
  • php 多个变量指向同一个引用($b = &$a)用法分析

    php 多个变量指向同一个引用($b = &$a)用法分析

    这篇文章主要介绍了php 多个变量指向同一个引用($b = &$a)用法,结合实例形式分析了PHP变量引用原理、优缺点及相关操作技巧,需要的朋友可以参考下
    2019-11-11
  • PHP简单创建日历的方法

    PHP简单创建日历的方法

    这篇文章主要介绍了PHP简单创建日历的方法,
    2016-05-05
  • PHP的伪随机数与真随机数详解

    PHP的伪随机数与真随机数详解

    这篇文章主要介绍了PHP的伪随机数与真随机数详解,本文首先讲解了真随机数和伪随机数的相关概念,并给出了比用mt_rand()函数产生更好的伪随机数的一段例子代码,需要的朋友可以参考下
    2015-05-05
  • php使用GD库创建图片缩略图的方法

    php使用GD库创建图片缩略图的方法

    这篇文章主要介绍了php使用GD库创建图片缩略图的方法,涉及php使用GD库操作图片的相关技巧,需要的朋友可以参考下
    2015-06-06
  • mysql_connect localhost和127.0.0.1的区别（网络层阐述）

    mysql_connect localhost和127.0.0.1的区别（网络层阐述）

    这篇文章主要介绍了mysql_connect localhost和127.0.0.1的区别（网络层阐述）,本文从网络通信层面讲解了它们的不同,需要的朋友可以参考下
    2015-03-03
  • php实现的mongodb操作类实例

    php实现的mongodb操作类实例

    这篇文章主要介绍了php实现的mongodb操作类,较为详细的分析了php针对mongodb数据库操作的各种常用技巧,并将其封装进一个完整的类文件中以便于调用,非常具有实用价值,需要的朋友可以参考下
    2015-04-04

最新评论