<include file="Public:headeren" />	
	<!--编辑头像代码-->
    <link href="/Public/home/css/basic.css" rel="stylesheet" type="text/css" />
	<link href="/Public/home/css/jquery.Jcrop.css" rel="stylesheet" type="text/css" />
    <!--content start-->
    <div class="content">
        <div class="mT"><span>上传作品</span></div>
        <div class="accC" style="background:none;border:none;border-top: 1px solid #262626;">
            <div class="Mdata">
			<form id="submit_form" method="post" action="/msg/dopics.html" target="exec_target" enctype="multipart/form-data">
                <div class="maA">
                    <label for=""><i style="color:red;padding: 0px 8px;">*</i>作品名称：</label>
                    <div class="maB"><input type="text" value="" name="title"><span class="titles" style="color:red"></span></div>
                </div>
				
				 <div class="maA">
                    <label for=""><i style="color:red;padding: 0px 8px;">*</i>摄影时间：</label>
                    <div class="maB"><input type="text" value="" name="ctime" id="J-xl" class="rqi"><span class="ctime" style="color:red"></span></div>
                </div>
				
				<div class="maA">
                    <label for=""><i style="color:red;padding: 0px 8px;"></i>作品介绍：</label>
                    <div class="maB"><textarea name="content" id="content" cols="30" rows="10" style="width:368px;height:100px;float: left;font-size: 14px;color: rgb(255, 255, 255);margin:0px;background:rgb(38, 38, 38);"></textarea><span class="content" style="color:red"></span></div>
                </div>
				
				<p class="bjtx" style="margin-top: 30px;"><i style="color:red;padding: 0px 8px;">*</i>作品上传</p>
                <div class=bji>
                	<!---->
                	<div class="wrap" id="jcropdiv">
						<div class="wl">
							<div class="jc-demo-box" data="0">
								<div id="target" class="jcrop_w"><img src="" width="331" height="331"/></div>
							</div>
							
							<div class="jy-up-ch" style=" width:410px;"> <a href="javascript:;" class="nobj">上传</a>
								<input type="file" name="upload_file" id="upload_file" style="position:relative;top:-2px;height:38px; filter:alpha(opacity:0);opacity: 0;width:82px;height:30px;left:-82px">
						    <span style="color:red;font-size:12px">注：图片格式为jpg,png,gif(图片不能大于5M)</span>							
							</div>
						</div>
					</div>
                	<!---->
                </div>
			
				<input type="hidden" name="pic" value="" class="pic">
				<div class="daA">
                    <label for=""></label>
                    <span class="queren" style="width: 110px;height: 36px;float: left;font-size: 16px;text-align: center;margin: 10px 20px 0px 0px;cursor: pointer;color: #fff;line-height: 36px;background: url(/Public/home/images/x_03.jpg) no-repeat;">确认</span>
                </div>
			</form>
            </div>
        </div>
    </div>
	
<script type="text/javascript" src="/laydate.dev.js"></script>
<script type="text/javascript">
    laydate({
        elem: '#J-xl'
    });
    document.getElementById('J-xl-2-btn').onclick = function(){
        laydate({
            elem: '#J-xl-2'
        });
    }
    
    laydate({
        elem: '#J-xl-3'
    });
    laydate({
        elem: document.getElementById('J-xl-4')
    });
</script>	
	
	
	<iframe id="exec_target" name="exec_target" style="opacity: 0;"></iframe>    <!-- 提交表单处理iframe框架 -->
<script>
$(document).ready(function(){
	$(".queren").click(function(){
		var title=/^[0-9a-zA-Z\u4e00-\u9fa5]+$/; 
		var patrn=/[`~#^&*_<>?:"{},.\/;'[\]]/im; 
		var time = /^([0-9]{4})-([0-9]{2})-([0-9]{2})$/;  
		
		if(title.test($("input[name=title]").val())==false){  
			$(".titles").html("注：标题中含有非法字符！");
			return false;
		}
		
		if(time.test($("input[name=ctime]").val())==false){
			$(".ctime").html("注：请输入正确的时间格式 XXXX-XX-XX！");
			return false;
		}
		if(patrn.test($("#content").val())){  
			$(".content").html("注：内容中含有非法字符！");
			return false;
		}
	
		var pic=$(".pic").val();
		if(pic == ""){
			alert('请上传图片！');
			return false;
		}
		var title = $("input[name=title]").val();
		var ctime = $("input[name=ctime]").val();
		var content = $("#content").val();
		$.post("/msg/dozuopins.html",{title:title,ctime:ctime,content:content,pic:pic},function(v){
			if(v == 1){
				if(!confirm('作品上传成功！是否继续上传？')){
					location.href = "/msg/shows.html";
					return false;
				}
				location.href = "/msg/addzuopins.html";
				
			}else{
				alert("作品上传失败！");
				location.href = "/msg/addzuopins.html";
			}
		})
	})
    //选择文件成功则提交表单
    $("#upload_file").change(function(){
        if($("#upload_file").val() != '') $("#submit_form").submit();
    });
    //iframe加载响应，初始页面时也有一次，此时data为null。
    $("#exec_target").load(function(){
        var data = $(window.frames['exec_target'].document.body).html();
        //若iframe携带返回数据，则显示在feedback中
        if(data != 0){
			$(".jcrop_w img").attr("src",data);
			$(".pic").val(data);
            $("#upload_file").val('');
			$(".nobj").html("重新上传");
			$(window.frames['exec_target'].document.body).html("");
        }else{
			alert("图片上传失败！注：图片格式为(jpg,gif,png)");
		}
    });
});
</script>
	
	<!--编辑头像代码
<script type="text/javascript" src="/Public/home/js/jquery.Jcrop.js"> </script> 
<script type="text/javascript" src="/Public/home/js/basic.js"> </script>
-->
    <!-- content end -->
<include file="Public:footer" />