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

前端之家收集整理的这篇文章主要介绍了php实现文件上传及头像预览功能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

HTML代码

PHP" method="post" enctype="multipart/form-data">

后台处理界面(shangchuan.PHP):

有以下几点需要注意:

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

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

4.保存文件

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) { //找到文件存放的位置 $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就可以跟上传效果相同。

标题文档