后端开发|php教程
php,预览,头像
后端开发-php教程
这篇文章主要介绍了php实现文件上传及头像预览功能的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
日报表管理系统源码,ubuntu启动设置时间,tomcat自定义欢迎页,宜昌爬虫防治,centos8 搭建php环境,塘沽seo公司lzw
php文件上传原理是通过form表单的enctype=”multipart/form-data”属性将文件临时放到wamp文件夹中的tmp目录下,再通过后台php程序将文件保存在体统中。
asp 列表 源码,vscode前端神器插件,ubuntu 挂ss,tomcat发布到手机,sqlite3查询前10条,爬虫请求头的英文名称,php 传入参数,哈尔滨正规视频seo排名,rss订阅网站源码,手机网页设计模板lzw
html代码:
公司网站源码3.0,vscode自己被删了,ubuntu缩放屏幕,tomcat自由仓,sqlite创建不成功,大规模爬虫是什么意思,php 字符串浮点,seo优化日常更新,apex主题 网站,asp 浮动网页窗口,web项目布局模板lzw
后台处理界面(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界面做一个头像大小的p,设置上传头像的背景,在p里面做一个上传文件的input,透明度设置为0.
这样,点击这个p就可以跟上传的效果相同。
//回调函数,调用该方法传一个文件路径,该变背景图function showimg(url){ var p = document.getElementById("yl"); p.style.backgroundImage = "url("+url+")"; document.getElementById("tp").value = url;}
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 "alert(该文件已存在!);"; } else { move_uploaded_file($_FILES["file"]["tmp_name"],$filename); unlink($_POST["tp"]); echo "parent.showimg({$fname});"; } }}