|
|
|
@ -32,9 +32,9 @@
|
|
|
|
|
</split>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="margin-top: 18px;text-align:center">
|
|
|
|
|
<!-- <upload action="/car/distinguish/upload">-->
|
|
|
|
|
<!-- <i-button icon="ios-cloud-upload-outline">上传车牌</i-button>-->
|
|
|
|
|
<!-- </upload>-->
|
|
|
|
|
<!-- <upload action="/car/distinguish/upload">-->
|
|
|
|
|
<!-- <i-button icon="ios-cloud-upload-outline">上传车牌</i-button>-->
|
|
|
|
|
<!-- </upload>-->
|
|
|
|
|
<Upload
|
|
|
|
|
multiple
|
|
|
|
|
type="drag"
|
|
|
|
@ -54,7 +54,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div th:replace="common/foot :: foot(script)"></div>
|
|
|
|
|
<script th:inline="none">
|
|
|
|
|
layui.use(["okUtils", "okLayer"], function () {
|
|
|
|
|
layui.use(["okUtils", "okLayer"], function () {
|
|
|
|
|
var okUtils = layui.okUtils;
|
|
|
|
|
var okLayer = layui.okLayer;
|
|
|
|
|
var vm = new Vue({
|
|
|
|
@ -103,8 +103,8 @@ layui.use(["okUtils", "okLayer"], function () {
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
var canvas,context;
|
|
|
|
|
function init(){
|
|
|
|
|
var canvas,context;
|
|
|
|
|
function init(){
|
|
|
|
|
var video = document.querySelector('video');
|
|
|
|
|
canvas = document.getElementById('qr-canvas');
|
|
|
|
|
context = canvas.getContext('2d');
|
|
|
|
@ -127,8 +127,7 @@ function init(){
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
openMedia();
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
//摄像头调用配置
|
|
|
|
|
var mediaOpts = {
|
|
|
|
@ -157,14 +156,6 @@ function init(){
|
|
|
|
|
// 正式启动摄像头
|
|
|
|
|
function openMedia(){
|
|
|
|
|
navigator.mediaDevices.getUserMedia(mediaOpts).then(successFunc).catch(errorFunc);
|
|
|
|
|
// 截屏间隔时间(单位:毫秒)
|
|
|
|
|
var interval = 5000;
|
|
|
|
|
|
|
|
|
|
// 开始定时截屏
|
|
|
|
|
setInterval(function() {
|
|
|
|
|
drawMedia();
|
|
|
|
|
}, interval);
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
//关闭摄像头
|
|
|
|
|