<script type="text/javascript">
function upload(){
document.getElementById('upimg').click();
}
function sm(){
document.getElementById('upfile').submit();
}
</script>
<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>
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()两个函数。
- 设置图片弧度为圆型。