目录
最近苦练前端页面,总算扛起整个项目,留下了没有技术的泪水。
记录一下最近做的ocr识别功能
前端主要功能
(1)根据车辆码查询出相关数据
(2)上传图片至FTP
(3)实现身份证OCR识别
今天主要记录一下OCR识别的功能实现。
1.功能页面
2.1上传图片至FTP
浏览器链接
前端代码
function btnUploadFile(file) {
// 创建formData对象
var formdata = new FormData();
formdata.append('uploadImage', file);
$('.bgPop3,.pop3').show();
Request();
$.ajax({
url: '<%=path%>/file/FileUploadAction/savePhotoRute.json',
type: 'post',
contentType: false,
data: formdata,
processData: false,
success: function(data) {
data = $.parseJSON(data);
console.log(data);
if(data.success){
//var path = data.path.replace(/\\/g, "/");
var falg = $("input[name='tempValue']").val();
// 服务器访问路径
var imgFix = '${pageContext.request.contextPath}';
if(falg == "idCardFontImg") {
if(data.success){
$("input[name='idCardFontRoute']").val(data.path);
//调用ocr识别方法
scandIdCardInfo(data.path);
}else{
$("#idCardFontImg").attr("src", "<%=path%>/images/protraitPhoto.png");
}
$('.bgPop3,.pop3').hide();
Request();
}
}else{
EasyUI.warning(data.msg);
$('.bgPop3,.pop3').hide();
}
},
error: function(err) {
//未知错误,请联系管理员
$.messager.alert("操作提示", "网络异常,请稍后再试","info");
$('.bgPop3,.pop3').hide();
Request();
}
});
}
后台接口
import java.io.File;
import java.text.SimpleDateFormat;
import java.util.Date;
import com.infoservice.mvc.context.FileObject;
import com.yonyou.framework.AppConstants;
import com.yonyou.framework.common.BasicAction;
import com.yonyou.framework.common.UserBean;
import com.yonyou.gamc.common.Constants;
import com.yonyou.util.FileUtil;
import java.io.File;
import java.text.SimpleDateFormat;
import java.util.Date;
import com.infoservice.mvc.context.FileObject;
import com.yonyou.framework.AppConstants;
import com.yonyou.framework.common.BasicAction;
import com.yonyou.framework.common.UserBean;
import com.yonyou.gamc.common.Constants;
import com.yonyou.util.FileUtil;
import java.io.File;
imp