{layout name="public/layout" /}
<script src="__PUBLIC__/others/jquery-ui-1.10.3.min.js"></script>
<script src="__PUBLIC__/others/jquery.ui.widget.js"></script>
<script src="__PUBLIC__/others/jquery.fileupload.js"></script>
<script src="__PUBLIC__/layer/layer_home.js" type="text/javascript"></script>
<script src="__PUBLIC__/others/base.js"></script>
<div class="avatarwraper">
    <div class="poster">
        {if condition="$member_list_headpic and file_exists('.'.$member_list_headpic)"}
        <span id="galleryImg"   class="weui-gallery__img" style="background-image: url({:SITE_PATH}{$member_list_headpic});width:90%;left:5%;"></span>
        {else}
        <span id="galleryImg"   class="weui-gallery__img" style="background-image: url({$yf_theme_path}public/img/user.png);width:90%;left:5%;"></span>
        {/if}
    </div>
    <div class="filebtn">
            <div class="weui-uploader__input-box" style="float:none;margin:0px auto;width:76px;height:76px;background:#fff;">
                  <input id="avatarbtn" name="avatarbtn" class="weui-uploader__input" type="file" accept="image/*" >
                  <input type="hidden" id="avatar">
           </div>
    </div>
    
</div>
<script>
	var url="{:url('avatar',['key'=>'avatarbtn'])}";
	tool.uploadFile(url,"#avatarbtn","#avatar",function(input,pic){
		  if(typeof pic!='undefined'){
			  $("#galleryImg").css({'background-image':"url({:SITE_PATH}"+pic+")"});
			  layer.msg("上传成功");
			  setTimeout(function(){
				  window.location.reload();
			  },3000);
		  }
		  
	},false);
</script>