博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML5属性--(capture="camera") 上传照片或者打开手机相机
阅读量:4323 次
发布时间:2019-06-06

本文共 3292 字,大约阅读时间需要 10 分钟。

要获取手机相机拍照或者访问相册    这里贴一个相关链接:

JSP页面代码:

JS代码:

function readFile(obj){       var file = obj.files[0];          //判断类型是不是图片  不难发现这个检测是基于正则表达式的,因此可以进行各种复杂的匹配,非常有用。    if(!/image\/\w+/.test(file.type)){                 alert("请确保文件为图像类型");               return false;       }       var reader = new FileReader();       reader.readAsDataURL(file);       reader.onload = function(e){           getResultbyOCR(this.result);    }   }  function getResultbyOCR(imagesdata) {    var requestdata = {        imagesdata: imagesdata    };    $.ajax({        type: "POST",        url: getUrl() + "/vehicleInfor/getResultbyOCR.do",        data: JSON.stringify(requestdata),        // 将对象序列化成JSON字符串        dataType: "json",        beforeSend: function () {            this.layerIndex = layer.load(0, { shade: [0.5, '#393D49'],time: 60*1000});        },        contentType: 'application/json;charset=utf-8',             // 设置请求头信息        success: function(data) {            if (data.length == 0) {                layer.close(this.layerIndex);                alert("识别失败");                           } else {                var outputValue = data.outputs[0].outputValue;                if (outputValue != null && "undefined" !== typeof(outputValue)) {                    var datavalue = outputValue.dataValue;                    if (datavalue != null && "undefined" !== typeof(datavalue)) {                        datavalue = eval("(" + datavalue + ")");                        var successflag = datavalue.success;                        if (successflag) {                            var engine_num = datavalue.engine_num;                            var modelName = datavalue.model;                            var owner = datavalue.owner;                            var plate_num = datavalue.plate_num;                            var register_date = datavalue.register_date;                            var vin = datavalue.vin;                            $("#drvowner").val(owner);                            $("#lcnno").val(plate_num);                            $("#vinno").val(vin);                            $("#model").val(modelName);                            $("#engno").val(engine_num);                            $("#registerdate").val(register_date);                            layer.close(this.layerIndex);                        } else {                             layer.close(this.layerIndex);                            alert("识别失败");                                 }                    } else {                         layer.close(this.layerIndex);                        alert("识别失败");                    }                } else {                     layer.close(this.layerIndex);                    alert("识别失败");                }            }        },        error: function(res) {             layer.close(this.layerIndex);            alert("识别失败");        }    });}

Java代码:

  @RequestMapping("/getResultbyOCR.do")    public   @ResponseBody String getResultbyOCR( @RequestBody String  requestData,HttpServletResponse response){            logger.info("开始识别行驶证 图片内容为 : "+requestData);                String result=vehicleInforService.getVehicleinforByOCR( requestData);        logger.info("结束识别行驶证,结果为 : "+result);        return result;    }

 

转载于:https://www.cnblogs.com/ldbangel/p/6097706.html

你可能感兴趣的文章
ASP.NET MVC 3 扩展生成 HTML 的 Input 元素
查看>>
LeetCode 234. Palindrome Linked List
查看>>
编译HBase1.0.0-cdh5.4.2版本
查看>>
结构体指针
查看>>
迭代器
查看>>
Food HDU - 4292 (结点容量 拆点) Dinic
查看>>
Ubuntu安装Sun JDK及如何设置默认java JDK
查看>>
[经典算法] 排列组合-N元素集合的M元素子集
查看>>
Codeforces 279D The Minimum Number of Variables 状压dp
查看>>
打分排序系统漫谈2 - 点赞量?点赞率?! 置信区间!
查看>>
valgrind检测linux程序内存泄露
查看>>
Hadoop以及组件介绍
查看>>
1020 Tree Traversals (25)(25 point(s))
查看>>
第一次作业
查看>>
“==”运算符与equals()
查看>>
单工、半双工和全双工的定义
查看>>
Hdu【线段树】基础题.cpp
查看>>
时钟系统
查看>>
BiTree
查看>>
5个基于HTML5的加载动画推荐
查看>>