<!--{assign var='menuid' value=''}-->
<!--{assign var='usercpmod' value='yes'}-->
<!--{include file="<!--{$tplpath}-->cp/<!--{$tplpre}-->block_head.tpl"}-->
<script language="javascript" type="text/javascript" src="<!--{$urlpath}-->tpl/static/js/usercp_avatar.js" ></script>
<body>
<!--{include file="<!--{$tplpath}--><!--{$tplpre}-->block_menu.tpl"}-->
<div id="page-index" class="page">
  <div class="zx">
    <!--{include file="<!--{$tplpath}--><!--{$tplpre}-->block_search.tpl"}-->
	<!--{include file="<!--{$tplpath}-->cp/<!--{$tplpre}-->block_menu.tpl"}-->
	
	<div class="zright">
	  <!--{if $a eq 'run'}--> 
      <div class="topmenu"> 
	    <a href="<!--{$ucfile}-->?c=avatar" class='now'>设置形象照</a>
		<a href="<!--{$ucfile}-->?c=album">我的相册</a>
		<a href="javascript:void(0);" onclick="jbox_album_upload();">上传照片</a>
	  </div>
      <div class="tb1 hy">
        <div class="htitle"> 
		温馨提示：打勾√表示正常，打叉X表示待审核或者锁定。请上传您的单人真实照片，要求五官清晰。
		</div>
	    <table border="0" cellspacing="6" cellpadding="6" width="100%">
		  <tr>
		    <td colspan="2" class="hback_1" align="center"><h3>上传形象照</h3></td>
		  </tr>
		  <tr>
		    <td class="hback" align="center" width="20%">
			<!--{if !empty($u.avatar)}-->
			<img src="<!--{$urlpath}--><!--{$u.avatar}-->" />
			<!--{else}-->
			<!--{$u.useravatar}-->
			<!--{/if}-->
			<br />当前形象照</td>
		    <td class="hback_none" valign="top">
			  <form action="<!--{$ucfile}-->?c=avatar&a=saveupload&uploadpart=uploadpart" method="post" enctype="multipart/form-data" name="myform" id="myform">
			  <table cellpadding='5' cellspacing='5' border='0' class='tab' width='100%'>
			    <!-- 状态 -->
			    <tr>
				  <td width="25%" class="hback_b">状态 </td>
				  <td class="hback">
				  <!--{if $u.avatar != ''}-->
				      <!--{if $u.avatarflag == 1}-->
					  <img src="<!--{$tplpath}-->cp/images/ok.gif" /> <font color="green">正常</font>
					  <!--{else}-->
					  <img src="<!--{$tplpath}-->cp/images/cuo.gif" /> <font color="#999999">锁定</font> 

					  <!--{$u.avatarremark}-->
					  <!--{/if}-->
				  <!--{else}-->
				  还没设置形象照
				  <!--{/if}-->
				  </td>
				</tr>
				<!-- 删除 -->
			    <tr>
				  <td class="hback_b">操作 </td>
				  <td class="hback">
				  <!--{if $u.avatar != ''}-->
				  <a class="btn_c2" href="<!--{$ucfile}-->?c=avatar&a=del" onClick="{if(confirm('确定要删除吗')){return true;} return false;}"><span>删除</span></a> 
				  <!--{/if}-->
				  &nbsp;
				  </td>
				</tr>
				<!-- 上传形象照 -->
			    <tr>
				  <td class="hback_b">选择照片 <span class="f_red">*</span></td>
				  <td class="hback"><input name="uploadpart" type="file" class="filePrew" id="uploadpart" /> <span id="duploadpart" class="f_red"></span></td>
				</tr>
				<!-- 上传按钮 -->
			    <tr id="id_uploadbox">
				  <td></td>
				  <td height="20">
				    <a class="btn_b2 btn" href="###" onclick="return checkupload();"><span>开始上传</span></a>
					<a class="btn_b1" href="<!--{$ucfile}-->?c=album"><span>从相册选择形象照</a>
				  </td>
				</tr>
				<!-- 上传进度 -->
				<tr id="id_loadingbar" style="display:none">
				  <td class="left">选择照片</td>
				  <td class="right"><img src="<!--{$tplpath}-->cp/images/uploading.gif" alt="照片上传中" width="220" height="19" border="0" /> 照片上传中，请稍等...</td>
				</tr>
			  </table>
			  </form>
			</td>
		  </tr>
		  <tr>
		    <td colspan="2" align="left" class="hback"><br />
			温馨提示：<br />
			点击浏览，选择您想要上传作为形象照的照片；<br />
			仅支持PNG，JPG，JPEG，GIF格式，5M以下文件；<br />
			请上传您的单人真实照片，要求五官清晰。请勿上传明星、名人或他人照片，您将对此负法律责任；<br />
			如果您的照片被会员投诉为假照片，经查实会将您列入网站黑名单，以后都将无法注册和登录。
			</td>
		  </tr>
		</table>
      </div>
	  <!--{/if}-->
	

	  <!--{if $a eq 'setavatar'}--> 
      <div class="topmenu"> 
	    <a href="<!--{$ucfile}-->?c=avatar" class='now'>设置形象照</a>
		<a href="<!--{$ucfile}-->?c=album">我的相册</a>
		<a href="javascript:void(0);" onclick="jbox_album_upload();">上传照片</a>
	  </div>
	  <!--{include file="<!--{$tplpath}-->imgcropper.tpl"}-->
      <div class="tb1 hy">
        <div class="htitle"> 设置形象照</div>
	    <table cellpadding='5' cellspacing='5' border='0' class='tab'>
		  <tr>
			<td class="hback" align='center'>
			<!--{include file="<!--{$tplpath}-->imgcropper.cpavatar.tpl"}-->
			</td>
		  </tr>
		  <!-- 温馨提示 -->
		  <tr>
		    <td class="hback" align="center">
				您可以将需要的部分拖到白色形象框内，以裁切出满意的形象照。 <a class="btn_b1" href="<!--{$ucfile}-->?c=album"><span>从相册选择形象照</a>

			</td>
		  </tr>
	    </table>
	  </div>
	  <!--{/if}-->

    </div>
    <div style="clear:both;"></div>
  </div>
  <div style="clear:both;"></div>
</div>
<!--{include file="<!--{$tplpath}--><!--{$tplpre}-->block_footer.tpl"}-->
</body>
</html>
<script type="text/javascript">
function checkupload(){
    /* 选择图片 */
    if ($('#uploadpart').val() == '') {
		alert('请选择要上传的照片');
		return false;
	}
	/* 判断格式 */
	if (false == validImageType($('#uploadpart').val())) {
		alert('图片格式不正确，只能上传jpg,jpeg,png和gif格式图片。');
		return false;
	}
	/* 显示隐藏 */
	$('#id_uploadbox').hide();
	$('#id_loadingbar').show();

	$('#myform').submit();
	return true;
}
</script>