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中JSON数据操作

    浅谈PHP中JSON数据操作

    本文的知识点:1、JSON数据格式介绍,2、对数据编码成JSON格式,3、对JSON数据进行解码,并操作,有需要的小伙伴可以参考下。
    2015-07-07
  • PHP文件后缀不强制为.php方法

    PHP文件后缀不强制为.php方法

    在本文中小编给大家整理了关于PHP文件后缀不强制为.php的操作方法和技巧,需要的朋友们学习下。
    2019-03-03
  • 最准确的php截取字符串长度函数

    最准确的php截取字符串长度函数

    这篇文章为大家分享了最准确的php截取字符串长度函数,最精确的截取长度,大家可以在此基础上进行改进,感兴趣的小伙伴们可以参考一下
    2015-10-10
  • PHP simple_html_dom.php+正则 采集文章代码

    PHP simple_html_dom.php+正则 采集文章代码

    网上也有很多人也在用PHP Simple Dom 虽然效率慢了点,但效果还是不错的从包含类库文件到写入txt文件 大概是7/8就秒。
    2009-12-12
  • ajax+php打造进度条 readyState各状态

    ajax+php打造进度条 readyState各状态

    php 打造进度条 readyState各状态,需要的朋友可以参考下。
    2010-03-03
  • PHP中异常处理的一些方法整理

    PHP中异常处理的一些方法整理

    这篇文章主要介绍了PHP中异常处理的一些方法整理,尽管PHP并不能说是一种很优秀的语言,但其相关技术依然在不断得到改进,需要的朋友可以参考下
    2015-07-07
  • 深入解析php中的foreach函数

    深入解析php中的foreach函数

    以下是对php中的foreach函数进行了详细的分析介绍,需要的朋友可以过来参考下
    2013-08-08
  • php动态读取数据清除最右边距的方法

    php动态读取数据清除最右边距的方法

    下面小编就为大家带来一篇php动态读取数据清除最右边距的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-04-04
  • php var_export与var_dump 输出的不同

    php var_export与var_dump 输出的不同

    var_export必须返回合法的php代码,也就是说,var_export返回的代码,可以直接当作php代码赋值个一个变量。 而这个变量就会取得和被var_export一样的类型的值
    2013-08-08
  • PHP-FPM的配置与优化讲解

    PHP-FPM的配置与优化讲解

    今天小编就为大家分享一篇关于PHP-FPM的配置与优化讲解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-03-03

最新评论