PHP实现在手机上选择完图片直接上传图片

  • js部分,需要jq
<!-- 上传图片js -->
<script type="text/javascript">
  function upload(){
    document.getElementById('upimg').click();
  }
  function sm(){
    document.getElementById('upfile').submit();
  }
</script>
  • html
         <div id="top">
             <div id="title">个人中心</div>
              <!-- 图片提交表单 -->
             <form id="upfile" class="" action="{:U('User/upload')}" method="post" enctype="multipart/form-data" style="display:none">
               <input id="upimg" type="file" name="img" value="" style="display:none" onchange="sm();">
             </form>
             <div id="top-touxiang">
                 <div id="touxiang">
                     <div><img src="{$user_info.img}" alt="头像" onclick="upload();" style="width:14rem;height:14rem;border-radius:400px;"></div>
                     <div>{$user_info.user_tel}</div>
                 </div>
             </div>

         </div>
  • PHP后台代码(tp3.2.3)
  public function upload(){
    $upload = new \Think\Upload();// 实例化上传类
    $upload->maxSize   =     3145728 ;// 设置附件上传大小
    $upload->exts      =     array('jpg', 'gif', 'png', 'jpeg');// 设置附件上传类型
    $upload->rootPath  =      './Uploads/'; // 设置附件上传根目录
    $upload->savePath  =      'user/'; // 设置附件上传(子)目录
    // 上传文件
    $info   =   $upload->upload();
    if(!$info) {// 上传错误提示错误信息
        $this->error($upload->getError());
    }else{// 上传成功 获取上传文件信息
        foreach($info as $file){
            echo $file['savepath'].$file['savename'];
        }
    }
    $imgurl = "/yikuai/Uploads/".$file['savepath'].$file['savename'];
    $data['img']=$imgurl;
    $user=M('user');
    $map['user_tel']=session('tel');
    $user->where($map)->save($data);
    $this->redirect('User/index');
    }
  • 这里主要利用onclick()和onchange()两个函数。
  • 设置图片弧度为圆型。
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值