173 lines
6.5 KiB
Plaintext
173 lines
6.5 KiB
Plaintext
|
<!DOCTYPE html>
|
|||
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|||
|
|
<head>
|
|||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|||
|
|
<title></title>
|
|||
|
|
<script src="../Scripts/jquery-1.12.4.min.js"></script>
|
|||
|
|
<script src="../Scripts/jweixin-1.2.0.js"></script>
|
|||
|
|
<link href="../css/bootstrap.min.css" rel="stylesheet" />
|
|||
|
|
<script src="../ligerUI/js/ligerui.min.js"></script>
|
|||
|
|
<link href="../ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" />
|
|||
|
|
<style>
|
|||
|
|
.file {
|
|||
|
|
position: relative;
|
|||
|
|
display: inline-block;
|
|||
|
|
background: #D0EEFF;
|
|||
|
|
border: 1px solid #99D3F5;
|
|||
|
|
border-radius: 4px;
|
|||
|
|
padding: 4px 12px;
|
|||
|
|
overflow: hidden;
|
|||
|
|
color: #1E88C7;
|
|||
|
|
text-decoration: none;
|
|||
|
|
text-indent: 0;
|
|||
|
|
line-height: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.file input {
|
|||
|
|
font-size: 31px;
|
|||
|
|
position: absolute;
|
|||
|
|
right: 0;
|
|||
|
|
top: 0;
|
|||
|
|
opacity: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.file:hover {
|
|||
|
|
background: #AADFFD;
|
|||
|
|
border-color: #78C3F3;
|
|||
|
|
color: #004974;
|
|||
|
|
text-decoration: none;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
$.ajax({
|
|||
|
|
url: "getConfig.ashx", type: "post", dataType: "json", data: {},
|
|||
|
|
//async: false, //默认是异步 需要改成同步必须先配置好 才能继续进行wx.ready
|
|||
|
|
success: function (data) {
|
|||
|
|
if (data.state == "1") {
|
|||
|
|
//绑定票据
|
|||
|
|
wx.config({
|
|||
|
|
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
|
|||
|
|
appId: data.message.appId, // 必填，公众号的唯一标识
|
|||
|
|
timestamp: data.message.timestamp, // 必填，生成签名的时间戳
|
|||
|
|
nonceStr: data.message.nonceStr, // 必填，生成签名的随机串
|
|||
|
|
signature: data.message.signature, // 必填，签名，见附录1
|
|||
|
|
jsApiList: ["scanQRCode"] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
alert(data.message);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
beforeSend: function () {
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
//配置完成才会执行 不需要获取配置ajax同步
|
|||
|
|
wx.ready(function () {
|
|||
|
|
//检测js接口
|
|||
|
|
wx.checkJsApi({
|
|||
|
|
jsApiList: ['scanQRCode'],
|
|||
|
|
success: function (res) {
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 9.1.2 扫描二维码并返回结果
|
|||
|
|
$("#btnScan").click(function () {
|
|||
|
|
wx.scanQRCode({
|
|||
|
|
needResult: 1,
|
|||
|
|
scanType: ["barCode"], // 可以指定扫二维码还是一维码，默认二者都有"qrCode", "barCode"
|
|||
|
|
success: function (res) {
|
|||
|
|
//$("#result").html(JSON.stringify(res));
|
|||
|
|
$("#result").val(res.resultStr);
|
|||
|
|
},
|
|||
|
|
fail: function () {
|
|||
|
|
alert("调用微信扫码错误");
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
})
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
wx.error(function (res) {
|
|||
|
|
alert(res.errMsg);
|
|||
|
|
})
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
var filebase64 = "";
|
|||
|
|
$(function () {
|
|||
|
|
$(".file").on("change", "input[type='file']", function () {
|
|||
|
|
var filePath = $(this).val();
|
|||
|
|
if (filePath.indexOf("jpg") != -1 || filePath.indexOf("png") != -1) {
|
|||
|
|
$(".fileerrorTip").html("").hide();
|
|||
|
|
var arr = filePath.split('\\');
|
|||
|
|
var fileName = arr[arr.length - 1];
|
|||
|
|
$(".showFileName").html(fileName);
|
|||
|
|
} else {
|
|||
|
|
$(".showFileName").html("");
|
|||
|
|
$(".fileerrorTip").html("您未上传文件，或者您上传文件类型有误！").show();
|
|||
|
|
return false
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
$('input[type=file]').on('change', function () {
|
|||
|
|
var reader = new FileReader();
|
|||
|
|
reader.onload = function (e) {
|
|||
|
|
filebase64 = reader.result;
|
|||
|
|
console.log(reader.result); //或者 e.target.result都是一样的，都是base64码
|
|||
|
|
}
|
|||
|
|
if (this.files[0]) {
|
|||
|
|
reader.readAsDataURL(this.files[0]);
|
|||
|
|
//filses就是input[type=file]文件列表，files[0]就是第一个文件，这里就是将选择的第一个图片文件转化为base64的码
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
filebase64 = "";
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
$("#save").click(function () {
|
|||
|
|
if (filebase64 == "") {
|
|||
|
|
$.ligerDialog.error("请先选择证件！");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
$.ajax({
|
|||
|
|
url: "@Url.Action("setImg")", type: "post", dataType: "json", data: { id: "@ViewBag.id", imgData: filebase64 },
|
|||
|
|
success: function (d) {
|
|||
|
|
$.ligerDialog.closeWaitting();
|
|||
|
|
if (d.State == "0") {
|
|||
|
|
$.ligerDialog.error("操作失败！");
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
$.ligerDialog.success("操作成功！");
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
beforeSend: function () {
|
|||
|
|
$.ligerDialog.waitting("正在进行请稍后……");
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
</script>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div style="text-align:center">
|
|||
|
|
<h2 style="margin-top:10px">拍照或相册上传</h2>
|
|||
|
|
<div style="margin-top:10px">@ViewBag.id</div>
|
|||
|
|
<a href="javascript:;" class="file" style="margin-top:10px">
|
|||
|
|
选择证件
|
|||
|
|
<input type="file" accept="image/*">
|
|||
|
|
<div>
|
|||
|
|
<span class="fileerrorTip"></span>
|
|||
|
|
<span class="showFileName"></span>
|
|||
|
|
</div>
|
|||
|
|
</a>
|
|||
|
|
<div style="margin-top:10px">
|
|||
|
|
<input type="button" id="save" value="上传证件" class="btn btn-primary" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
</html>
|
|||
|
|
|