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

服务器端编程语言(专业超文本预处理器的缩写)文件上传原理是通过形式表单的enctype="多部分/表单数据"属性将文件临时放到wamp文件夹中的终端监督程式(终端监控程序的缩写)目录下，再通过后台服务器端编程语言(专业超文本预处理器的缩写)程序将文件保存在体统中。

超文本标记语言代码：

表单操作='shangchuan.php '方法=' post ' enctype=' multipart/form-data '输入类型=“文件”名称=“文件”/输入类型='submit '值='上传//表单后台处理界面(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/' .日期(' 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 '文件类型不正确!'；}}点击上传后文件就保存在系统的指定路径下。

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

头像上传预览

原理：在超文本标记语言界面做一个头像大小的div，设置上传头像的背景，在差异里面做一个上传文件的输入，透明度设置为0.

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

标题无标题文档/title style type=' text/CSS ' # yl { width :200 px；高度：300 px背景-图像： URL(img/11。巴布亚新几内亚)；背景尺寸size:200px 300px} #文件{宽度：200像素高度：300 pxfloat : leftopatha 33600 }/style/head body form id=' sc ' action='李俶。PHP ' method=' post ' enctype=' multipart/form-data ' target=' Shang chuan ' 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=' Shang chuan ' id=' Shang chuan '/iframe/body script type=' text/JavaScript '//回调函数，调用该方法传一个文件路径，该变背景图函数显示img(URL){ var div=文档。getelementbyid(' yl ')；div。风格。背景图像=' URL(' URL ')'；document.getElementById('tp ').value=url} /script /htmlphp处理界面(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/' .日期(' YmdHis ').$ _ FIles[' FIle '][' name ']；$filename=iconv('UTF-8 '，' gb2312 '，$ fname)；if(file _ exists($ filename)){ echo '脚本警报('该文件已存在！');/script '；} else { move _ uploaded _ file($ _ FILES[' file '][' tmp _ name ']，$ filename)；取消链接($ _ POST[' TP '])；“echo”脚本父级。显示img(' { $ fname } ')；/script '；} }}以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。