时时商务社区

标题: php实现头像上传预览功能 [打印本页]

---

作者: 新格网络    时间: 2018-2-14 05:26

            本文实例为大家分享了php实现头像上传预览功能的具体代码，供大家参考，具体内容如下
主页面1.php
上传头像
  *{
    font-family:"微软雅黑";}
  #zong{
    /*border:1px solid black;*/
    position:relative;
    width:52%;
    height:500x;
    left:24%}
  .nr{
    float:left;
    margin-right:30px;}
  #yl{width:240px; height:240px; background-size:240px 240px;}
  #file{width:240px; height:240px; float:left; opacity:0;}

  
  
  
  //头像显示的位置
   
  
  
   



处理页面2.php
打开显示:

点击图片位置弹出选择框：

选择图片完成后：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
            
            
您可能感兴趣的文章:

php+js iframe实现上传头像界面无跳转

PHP+ajaxfileupload+jcrop插件完美实现头像上传剪裁

php视频拍照上传头像功能实现代码分享

针对多用户实现头像上传功能PHP代码 适用于登陆页面制作

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

php头像上传预览实例代码
        

---

欢迎光临 时时商务社区 (http://bbs.4435.cn/)

Powered by Discuz! X3.2