个人冲刺4 一、今日内容
我们今天进行团队冲刺的第一阶段，我们一起讨论了昨天遇到的支付问题，有了新的思路，然后我们把自己的代码汇合了一下，继续今天的编码任务。
二、预期本阶段工作量
预期本阶段工作用四天时间完成，本阶段主要任务为十天冲刺，第四天的任务已经完成。
还剩余的工作时间：六天
三、每日会议照片
四、每日任务看板照片
五、代码展示
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>上传用户头像</title>
<link href="${pageContext.request.contextPath}/js/cutImg/css/master.css" rel="stylesheet" />
<link href="${pageContext.request.contextPath}/js/cutImg/css/upload.css" rel="stylesheet" />
<link href="${pageContext.request.contextPath}/js/cutImg/css/jquery.rollbar.css" rel="stylesheet" />
<link href="${pageContext.request.contextPath}/js/cutImg/css/jquery.Jcrop.css" rel="stylesheet" />
</head>
<body>
<div class="user_upload">
<form >
<div class="upload">
<div class="upload_left">
<div class="pic">
<div class="pic2" >
<div >
<div class="upload_btn" style="margin-left: 75px;">
<a href="javascript:;" >上传头像</a>
</div>
<p>
支持jpg、png格式<br />
图片小于2M
</p>
</div>
<!--回显示图片-->
<img src="" name="photo" />
</div>
</div>
<p class="up_reload" >
<a href="javascript:;" style="color: red">重新上传</a>
</p>
<input type="hidden" name="picval" />
<input type="hidden" name="origpicval" />
<input type="hidden" name="temporigpic" />
<input type="hidden" name="fileID" />
<input type="hidden" name="fileUrl" />
<input type="hidden" name="imgHeight" />
<input type="hidden" name="imgWidth" />
</div>
<div class="upload_right">
<div class="upload_view_pic" style=" 300px; height: 230px; border: solid 1px #ccc; overflow: hidden;">
<img />
</div>
<p>
400 x 300像素
</p>
<%--<div class="upload_view_pic" style=" 80px; height: 80px; border: solid 1px #ccc; overflow: hidden;">
<img src=${pageContext.request.contextPath}/images/4-3.jpg />
</div>
<p>
80 x 80像素
</p>--%>
<p>
拖拽或缩放，生成自己满意的头像
</p>
</div>
<%-- <div >
<textarea
</div>--%>
<div class="upload_b">
<font ></font>
</div>
</div>
<input type="hidden" name="x" />
<input type="hidden" name="y" />
<input type="hidden" name="w" />
<input type="hidden" name="h" />
<input type="hidden" name="imgUrl" />
<input type="hidden" name="imgId" />
<div class="upload_submit_contain">
<div class="upload_submit" >
<a href="javascript:;" style="color: red">保存头像</a>
</div>
</div>
</form>
</div>
</body>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.form.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.validate.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/check.js"></script>
<script src="${pageContext.request.contextPath}/js/cutImg/js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/cutImg/js/jquery.form.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/cutImg/js/jquery-custom-file-input.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/cutImg/js/jquery.Jcrop.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/cutImg/js/jquery.rollbar.min.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/cutImg/js/upload.ui.photos.js" type="text/javascript"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/dialog/dialog.js?lib=false"></script>
<script type="text/javascript">
photos.JcorpWidth = 400;//裁剪选择框宽度
photos.JcorpHeight = 300;//裁剪框选择高度
// photos.Widths = ["200", "80"];// 图片大小“宽”数组，根据图片张数由大到小定义不同图片的宽度
// photos.Heights = ["200", "80"];// 图片大小“高”数组，根据图片张数由大到小定义不同图片的高度
photos.UpLoad_FileID = "uploadFile";//上传组件属性ID
photos.UpLoad_FileTextID = "upText";//上传组件按钮文本ID
photos.UpLoad_AlertID = "upalert";//提示文本ID
photos.UpLoad_AlertClassName = "error";//提示文本增加的样式
photos.Upload_FormID = "uploadImgFrom";//上传组件表单ID
photos.UpLoad_OriginFileID = "originalImg";//底图图片ID
photos.UpLoad_ReLoadID = "up_reload";//重新上传组件ID
photos.UpLoad_PicValueID = "picval";//上传的底图片内容ID
photos.UpLoad_PicFileID = "fileID";上传图片id
photos.UpLoad_PicFileUrl = "fileUrl";上传图片url
photos.UpLoad_PicImgHeight="imgHeight";//上传的底图高
photos.UpLoad_PicImgWidth="imgWidth";//上传的底图宽
photos.UpLoad_TempOriginValueID = "temporigpic";//本页面重新上传时的原图片内容ID
photos.UpLoad_OriginValueID = "origpicval";//其他页面进入时的原图片内容ID
photos.Upload_RollbarID = "pic2";//自定义滚动条ID
photos.UpLoad_SaveID = "saveImage";//图片保存按钮ID
photos.UpLoad_PreviewPreFix = "preview_";//多个不同尺寸小图的ID前缀名称，多个小图ID格式“前缀”+数字编号（从1开始），例： ...
photos.ParentFileImgID = "imgUrl";//父级图片控件ID
photos.ParentFileValueID = "imgId";//父级图片地址控件ID
photos.XID = "x";//x
photos.YID = "y";//y
photos.WID = "w";//w
photos.HID = "h";//h
photos.UpText_Format = "抱歉，暂只支持 jpg、png、bmp 格式";//图片格式验证文本
/* photos.UpText_Size = "抱歉，图片大小不能超过2M";*///图片大小验证文本
/*photos.UpText_Error = "图片上传出错";//上传出错文本*/
photos.Url_Check = "/Enterprise/filescheck";//文件验证大小的地址
photos.Url_UpLoad = "/Enterprise/uploadphoto?up=original";//上传图片载入底图的地址
photos.Url_ReLoad = "";//重新上传的地址
photos.Url_Save = "/Enterprise/saveimg?up=save";//保存图片的地址
</script>
我们今天进行团队冲刺的第一阶段，我们一起讨论了昨天遇到的支付问题，有了新的思路，然后我们把自己的代码汇合了一下，继续今天的编码任务。
二、预期本阶段工作量
预期本阶段工作用四天时间完成，本阶段主要任务为十天冲刺，第四天的任务已经完成。
还剩余的工作时间：六天
三、每日会议照片
四、每日任务看板照片
五、代码展示
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>上传用户头像</title>
<link href="${pageContext.request.contextPath}/js/cutImg/css/master.css" rel="stylesheet" />
<link href="${pageContext.request.contextPath}/js/cutImg/css/upload.css" rel="stylesheet" />
<link href="${pageContext.request.contextPath}/js/cutImg/css/jquery.rollbar.css" rel="stylesheet" />
<link href="${pageContext.request.contextPath}/js/cutImg/css/jquery.Jcrop.css" rel="stylesheet" />
</head>
<body>
<div class="user_upload">
<form >
<div class="upload">
<div class="upload_left">
<div class="pic">
<div class="pic2" >
<div >
<div class="upload_btn" style="margin-left: 75px;">
<a href="javascript:;" >上传头像</a>
</div>
<p>
支持jpg、png格式<br />
图片小于2M
</p>
</div>
<!--回显示图片-->
<img src="" name="photo" />
</div>
</div>
<p class="up_reload" >
<a href="javascript:;" style="color: red">重新上传</a>
</p>
<input type="hidden" name="picval" />
<input type="hidden" name="origpicval" />
<input type="hidden" name="temporigpic" />
<input type="hidden" name="fileID" />
<input type="hidden" name="fileUrl" />
<input type="hidden" name="imgHeight" />
<input type="hidden" name="imgWidth" />
</div>
<div class="upload_right">
<div class="upload_view_pic" style=" 300px; height: 230px; border: solid 1px #ccc; overflow: hidden;">
<img />
</div>
<p>
400 x 300像素
</p>
<%--<div class="upload_view_pic" style=" 80px; height: 80px; border: solid 1px #ccc; overflow: hidden;">
<img src=${pageContext.request.contextPath}/images/4-3.jpg />
</div>
<p>
80 x 80像素
</p>--%>
<p>
拖拽或缩放，生成自己满意的头像
</p>
</div>
<%-- <div >
<textarea
</div>--%>
<div class="upload_b">
<font ></font>
</div>
</div>
<input type="hidden" name="x" />
<input type="hidden" name="y" />
<input type="hidden" name="w" />
<input type="hidden" name="h" />
<input type="hidden" name="imgUrl" />
<input type="hidden" name="imgId" />
<div class="upload_submit_contain">
<div class="upload_submit" >
<a href="javascript:;" style="color: red">保存头像</a>
</div>
</div>
</form>
</div>
</body>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.form.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.validate.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/check.js"></script>
<script src="${pageContext.request.contextPath}/js/cutImg/js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/cutImg/js/jquery.form.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/cutImg/js/jquery-custom-file-input.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/cutImg/js/jquery.Jcrop.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/cutImg/js/jquery.rollbar.min.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/cutImg/js/upload.ui.photos.js" type="text/javascript"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/dialog/dialog.js?lib=false"></script>
<script type="text/javascript">
photos.JcorpWidth = 400;//裁剪选择框宽度
photos.JcorpHeight = 300;//裁剪框选择高度
// photos.Widths = ["200", "80"];// 图片大小“宽”数组，根据图片张数由大到小定义不同图片的宽度
// photos.Heights = ["200", "80"];// 图片大小“高”数组，根据图片张数由大到小定义不同图片的高度
photos.UpLoad_FileID = "uploadFile";//上传组件属性ID
photos.UpLoad_FileTextID = "upText";//上传组件按钮文本ID
photos.UpLoad_AlertID = "upalert";//提示文本ID
photos.UpLoad_AlertClassName = "error";//提示文本增加的样式
photos.Upload_FormID = "uploadImgFrom";//上传组件表单ID
photos.UpLoad_OriginFileID = "originalImg";//底图图片ID
photos.UpLoad_ReLoadID = "up_reload";//重新上传组件ID
photos.UpLoad_PicValueID = "picval";//上传的底图片内容ID
photos.UpLoad_PicFileID = "fileID";上传图片id
photos.UpLoad_PicFileUrl = "fileUrl";上传图片url
photos.UpLoad_PicImgHeight="imgHeight";//上传的底图高
photos.UpLoad_PicImgWidth="imgWidth";//上传的底图宽
photos.UpLoad_TempOriginValueID = "temporigpic";//本页面重新上传时的原图片内容ID
photos.UpLoad_OriginValueID = "origpicval";//其他页面进入时的原图片内容ID
photos.Upload_RollbarID = "pic2";//自定义滚动条ID
photos.UpLoad_SaveID = "saveImage";//图片保存按钮ID
photos.UpLoad_PreviewPreFix = "preview_";//多个不同尺寸小图的ID前缀名称，多个小图ID格式“前缀”+数字编号（从1开始），例： ...
photos.ParentFileImgID = "imgUrl";//父级图片控件ID
photos.ParentFileValueID = "imgId";//父级图片地址控件ID
photos.XID = "x";//x
photos.YID = "y";//y
photos.WID = "w";//w
photos.HID = "h";//h
photos.UpText_Format = "抱歉，暂只支持 jpg、png、bmp 格式";//图片格式验证文本
/* photos.UpText_Size = "抱歉，图片大小不能超过2M";*///图片大小验证文本
/*photos.UpText_Error = "图片上传出错";//上传出错文本*/
photos.Url_Check = "/Enterprise/filescheck";//文件验证大小的地址
photos.Url_UpLoad = "/Enterprise/uploadphoto?up=original";//上传图片载入底图的地址
photos.Url_ReLoad = "";//重新上传的地址
photos.Url_Save = "/Enterprise/saveimg?up=save";//保存图片的地址
</script>