<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
<meta name="format-detection" content="telephone=no">
<title>宝贝，因“喂”爱你</title>
<link rel="stylesheet" href="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/css/activity.css">
<link rel="stylesheet" href="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/css/toast.css">
<script type="text/javascript" src="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/toast.js"></script>
<script type="text/javascript" src="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/exif.js"></script>
<script type="text/javascript" src="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/html2Json.js"></script>
<script type="text/javascript" src="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/pageJson/signupJson.js"></script>
<script type="text/javascript" src="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/modalJson/shareModal.js"></script>
<script type="text/javascript" src="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/removeAttr.js"></script>
<script type="text/javascript" src="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/autoFontsize.min.js"></script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script type="text/javascript">
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: '${appId!}', // 必填，公众号的唯一标识
timestamp:'${timestamp!}', // 必填，生成签名的时间戳
nonceStr: '${noncestr!}', // 必填，生成签名的随机串
signature: '${signature!}',// 必填，签名，见附录1
jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage','startRecord','stopRecord','onVoiceRecordEnd','playVoice','pauseVoice','stopVoice','onVoicePlayEnd'
,'uploadVoice','downloadVoice','chooseImage','previewImage','uploadImage','downloadImage','translateVoice','openLocation'
,'getLocation','hideOptionMenu','showOptionMenu','hideMenuItems','showMenuItems','scanQRCode','chooseWXPay','addCard','chooseCard','openCard'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
});
</script>
</head>
<body>
<!-- <img class="test1" style="width: 100%" src="images/test.jpeg" /> -->
</body>
</html>
<script type="text/javascript">
// 公共变量
var xtoken = "123123";
var activityCode = "hdtbsztest1";
var pageNumber = "1";
var baseUrl = "http://space-api.check.icaremgt.com";
$('body').prepend(json2html(signupObj));
$('body').prepend(json2html(shareModal));
$('#html-template-8').addClass('global-none')
$(function(){
removeAttr();
btnBindClick();// 绑定点击事件
$('#act11739232574395').attr({'readonly':'readonly'});
wxpermission();
// selectFileImage()
})
// 微信鉴权
function wxpermission() {
wx.ready(function(){
var shareData = {
title: "",
imgUrl: "",
desc: "",
link: ""
}
/**
*分享给朋友
*/
wx.onMenuShareAppMessage({
title: shareData.title, // 分享标题
desc: shareData.desc, // 分享描述
link: shareData.link, // 分享链接
imgUrl: shareData.imgUrl, // 分享图标
type: 'link', // 分享类型,music、video或link，不填默认为link
dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
/**
*分享到朋友圈
*/
wx.onMenuShareTimeline({
title: shareData.title, // 分享标题
desc: shareData.desc, // 分享描述
link: shareData.link, // 分享链接
imgUrl: shareData.imgUrl, // 分享图标
success: function () {
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
});
}
// 元素点击事件绑定
function btnBindClick() {
// 返回首页
$("#act11534485971254").off("click").on("click",function(){
window.location.href = '/index.html'
});
// 排行榜
$("#act41612547506702").off('click').on("click", function(){
window.location.href = '/index.html'
});
// 选手主页
$("#act4161336684689").off("click").on("click", function(){
window.location.href = '/user.html'
});
// 活动秘籍
$("#act41613113951133").off("click").on("click", function(){
$('#html-template-8').removeClass('global-none')
});
// 分享弹框关闭
$(document).on('click','#html-template-8 .modal-close',function(){
$('#html-template-8').addClass('global-none')
});
// 上传图片
$("#uploadImage").on('change',function() {
var formData = new FormData()
formData.append('file',this.files[0])
selectFileImage(this)
$.ajax({
type:'POST',
url:'http://api-admin-manage.check.icaremgt.com/system/components/upload',
headers:{'x-token':'admin.725.b9d085900b8546fcb26e1683e8f4e7bb'},
data:formData,
contentType:false,
processData:false,
success:function(data) {
$("#act31419345204861").removeClass('global-none')
},
error: function() {
showMessage('上传失败！',3000,true);
}
})
})
// 确认提交
$("#act21359468086634").off("click").on("click", function(){
var userName = $('#act11738585285947')
var phonenum = $('#act11739141518360')
var introDuce = $('#act11739381874636')
var signInput = $('.sign-form .form-input-group input[c_validate="idcard"]')
var uploadImg = $('#act31419345204861 img')
// 验证用户名
if(userName.attr('c_validateempty') == 'yes') {
var userNameVal = userName.val()
var userNameLen = userName.attr('c_len')
if(userNameVal == '') {
showMessage('请输入参与者姓名',3000,true);
return false
}else if(userNameVal.length > userNameLen) {
showMessage('参与者姓名不能超过'+userNameLen+'个字',3000,true);
return false
}
}
// 验证手机号
if(phonenum.attr('c_validateempty') == 'yes') {
var reg = /^1[3456789]\d{9}$/
var phonenumVal = phonenum.val()
var phonenumLen = phonenum.attr('c_len')
if(phonenumVal == '') {
showMessage('请输入参与者手机号码',3000,true);
return false
}else if(phonenumVal.length > phonenumLen){
showMessage('参与者手机号码不能超过'+phonenumLen+'个字',3000,true);
return false
}else if(!reg.test(phonenumVal)) {
showMessage('请输入正确的参与者手机号码',3000,true);
return false
}
}
// 验证活动宣言
if(introDuce.attr('c_validateempty') == 'yes') {
var introDuceVal = introDuce.val()
var introDuceLen = introDuce.attr('c_len')
var introDuceName = introDuce.attr('c_name')
if(introDuceVal == '') {
showMessage('请输入'+introDuceName,3000,true);
return false
}else if(introDuceVal.length > introDuceLen) {
showMessage(introDuceName+'不能超过'+introDuceLen+'个字',3000,true);
return false
}
}
// 验证身份证
if(signInput.attr('c_validateempty') == 'yes') {
var signInputVal = signInput.val()
var signInputName = signInput.attr('c_name')
var signInputLen = signInput.attr('c_len')
if(signInputVal == '') {
showMessage('请输入'+signInputName,3000,true);
return false
}else if(signInputVal.length > signInputLen) {
showMessage(signInputName+'不能超过'+signInputLen+'个字',3000,true);
return false
}else if(!validateIDNumber(signInputVal)) {
showMessage('请输入正确的'+signInputName,3000,true);
return false
}
}
// 验证上传图片
if(uploadImg.attr('src') == '') {
showMessage('请上传一张照片',3000,true);
return false
}
});
}
function selectFileImage(fileObj) {
var file = fileObj.files['0'];
//图片方向角 added by lzk
var Orientation = null;
if (file) {
console.log("正在上传,请稍后...");
var rFilter = /^(image\/jpeg|image\/png|image\/jpg|image\/gif)$/i; // 检查图片格式
if (!rFilter.test(file.type)) {
showMessage('请选择jpeg/jpg/gif/png格式的图片',3000,true);
return;
}
//获取照片方向角属性，用户旋转控制
EXIF.getData(file, function() {
EXIF.getAllTags(this);
Orientation = EXIF.getTag(this, 'Orientation');
//return;
});
var oReader = new FileReader();
oReader.onload = function(e) {
//var blob = URL.createObjectURL(file);
//_compress(blob, file, basePath);
var image = new Image();
image.src = e.target.result;
image.onload = function() {
var expectWidth = this.naturalWidth;
var expectHeight = this.naturalHeight;
if (this.naturalWidth > this.naturalHeight && this.naturalWidth > 800) {
expectWidth = 800;
expectHeight = expectWidth * this.naturalHeight / this.naturalWidth;
} else if (this.naturalHeight > this.naturalWidth && this.naturalHeight > 1200) {
expectHeight = 1200;
expectWidth = expectHeight * this.naturalWidth / this.naturalHeight;
}
var canvas = document.createElement("canvas");
var ctx = canvas.getContext("2d");
canvas.width = expectWidth;
canvas.height = expectHeight;
ctx.drawImage(this, 0, 0, expectWidth, expectHeight);
var base64 = null;
//修复ios
if (navigator.userAgent.match(/iphone/i)) {
//如果方向角不为1，都需要进行旋转
if(Orientation != "" && Orientation != 1){
switch(Orientation){
case 6://需要顺时针（向左）90度旋转
rotateImg(this,'left',canvas);
break;
case 8://需要逆时针（向右）90度旋转
rotateImg(this,'right',canvas);
break;
case 3://需要180度旋转
rotateImg(this,'right',canvas);//转两次
rotateImg(this,'right',canvas);
break;
}
}
base64 = canvas.toDataURL("image/jpeg", 0.8);
}else if (navigator.userAgent.match(/Android/i)) {// 修复android
var encoder = new JPEGEncoder();
base64 = encoder.encode(ctx.getImageData(0, 0, expectWidth, expectHeight), 80);
}else{
if(Orientation != "" && Orientation != 1){
switch(Orientation){
case 6://需要顺时针（向左）90度旋转
rotateImg(this,'left',canvas);
break;
case 8://需要逆时针（向右）90度旋转
rotateImg(this,'right',canvas);
break;
case 3://需要180度旋转
rotateImg(this,'right',canvas);//转两次
rotateImg(this,'right',canvas);
break;
}
}
base64 = canvas.toDataURL("image/jpeg", 0.8);
}
$("#act31419345204861 img").attr("src", base64);
};
};
oReader.readAsDataURL(file);
}
}
//对图片旋转处理
function rotateImg(img, direction,canvas) {
//最小与最大旋转方向，图片旋转4次后回到原方向
var min_step = 0;
var max_step = 3;
//var img = document.getElementById(pid);
if (img == null)return;
//img的高度和宽度不能在img元素隐藏后获取，否则会出错
var height = img.height;
var width = img.width;
//var step = img.getAttribute('step');
var step = 2;
if (step == null) {
step = min_step;
}
if (direction == 'right') {
step++;
//旋转到原位置，即超过最大值
step > max_step && (step = min_step);
} else {
step--;
step < min_step && (step = max_step);
}
//旋转角度以弧度值为参数
var degree = step * 90 * Math.PI / 180;
var ctx = canvas.getContext('2d');
switch (step) {
case 0:
canvas.width = width;
canvas.height = height;
ctx.drawImage(img, 0, 0);
break;
case 1:
canvas.width = height;
canvas.height = width;
ctx.rotate(degree);
ctx.drawImage(img, 0, -height);
break;
case 2:
canvas.width = width;
canvas.height = height;
ctx.rotate(degree);
ctx.drawImage(img, -width, -height);
break;
case 3:
canvas.width = height;
canvas.height = width;
ctx.rotate(degree);
ctx.drawImage(img, -width, 0);
break;
}
}
// 验证身份证
function validateIDNumber(card) {
var vcity = {
11: '北京', 12: '天津', 13: '河北', 14: '山西', 15: '内蒙古',
21: '辽宁', 22: '吉林', 23: '黑龙江', 31: '上海', 32: '江苏',
33: '浙江', 34: '安徽', 35: '福建', 36: '江西', 37: '山东', 41: '河南',
42: '湖北', 43: '湖南', 44: '广东', 45: '广西', 46: '海南', 50: '重庆',
51: '四川', 52: '贵州', 53: '云南', 54: '西藏', 61: '陕西', 62: '甘肃',
63: '青海', 64: '宁夏', 65: '新疆', 71: '台湾', 81: '香港', 82: '澳门', 91: '国外'
}
// 检查号码是否符合规范，包括长度，类型
function isCardNo(card) {
// 身份证号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或字符X
var reg = /(^\d{15}$)|(^\d{17}(\d|X|x)$)/
if (reg.test(card) === false) {
return false
}
return true
}
// 取身份证前两位,校验省份
function checkProvince(card) {
var province = card.substr(0, 2)
if (vcity[province] == undefined) {
return false
}
return true
}
// 检查生日是否正确
function checkBirthday(card) {
var len = card.length
// 身份证15位时，次序为省（3位）市（3位）年（2位）月（2位）日（2位）校验位（3位），皆为数字
if (len == '15') {
var re_fifteen = /^(\d{6})(\d{2})(\d{2})(\d{2})(\d{3})$/
var arr_data = card.match(re_fifteen)
var year = arr_data[2]
var month = arr_data[3]
var day = arr_data[4]
var birthday = new Date('19' + year + '/' + month + '/' + day)
return verifyBirthday('19' + year, month, day, birthday)
}
// 身份证18位时，次序为省（3位）市（3位）年（4位）月（2位）日（2位）校验位（4位），校验位末尾可能为X
if (len == '18') {
var re_eighteen = /^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X|x)$/
var arr_data = card.match(re_eighteen)
var year = arr_data[2]
var month = arr_data[3]
var day = arr_data[4]
var birthday = new Date(year + '/' + month + '/' + day)
return verifyBirthday(year, month, day, birthday)
}
return false
}
// 校验日期
function verifyBirthday(year, month, day, birthday) {
var now = new Date()
var now_year = now.getFullYear()
// 年月日是否合理
if (birthday.getFullYear() == year && (birthday.getMonth() + 1) == month && birthday.getDate() == day) {
// 判断年份的范围（0岁到130岁之间)
var time = now_year - year
if (time >= 0 && time <= 130) {
return true
}
return false
}
return false
}
// 校验位的检测
function checkParity(card) {
// 15位转18位
card = changeFivteenToEighteen(card)
var len = card.length
if (len == '18') {
var arrInt = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2)
var arrCh = new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2')
var cardTemp = 0, i, valnum
for (i = 0; i < 17; i++) {
cardTemp += card.substr(i, 1) * arrInt[i]
}
valnum = arrCh[cardTemp % 11]
if (valnum == card.substr(17, 1).toUpperCase()) {
return true
}
return false
}
return false
}
// 15位转18位身份证号
function changeFivteenToEighteen(card) {
if (card.length == '15') {
var arrInt = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2)
var arrCh = new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2')
var cardTemp = 0, i
card = card.substr(0, 6) + '19' + card.substr(6, card.length - 6)
for (i = 0; i < 17; i++) {
cardTemp += card.substr(i, 1) * arrInt[i]
}
card += arrCh[cardTemp % 11]
return card
}
return card
}
// 是否为空
if (card === '') {
// alert('请输入身份证号，身份证号不能为空')
return false
}
// 校验长度，类型
if (isCardNo(card) === false) {
// alert('您输入的身份证号码不正确，请重新输入')
return false
}
// 检查省份
if (checkProvince(card) === false) {
// alert('您输入的身份证号码不正确,请重新输入')
return false
}
// 校验生日
if (checkBirthday(card) === false) {
// alert('您输入的身份证号码生日不正确,请重新输入')
return false
}
// 检验位的检测
if (checkParity(card) === false) {
// alert('您的身份证校验位不正确,请重新输入')
return false
}
return true
}
// 页面跳转
function transPage(_pageNumber,_activityCode, _token, _urlParam){
var url = ''
if(typeof _urlParam !=='undefined' && _urlParam !== ''){
url = baseUrl + "/ACTIVITY/view/"+ _activityCode +"/" + _pageNumber + '?' + _urlParam;
}else {
url = baseUrl + "/ACTIVITY/view/"+ _activityCode +"/" + _pageNumber;
}
var _form = document.createElement('form');
_form.action = url;
_form.method = "post";
_form.style.display = "none";
var inputToken = document.createElement('input');
inputToken.value = _token;
inputToken.name = 'x-token';
_form.appendChild(inputToken);
document.body.appendChild(_form);
_form.submit();
}
</script>