使用翔云 OCR 开发名片识别API数据保存到数据库

公司近几天一直再开发crm，在开发crm的时候，用户数据较多，仅靠表单提交和导入去录入数据完全不够，于是想到了开发名片扫描时别。。。 本次开发使用的是翔云ocr，为啥会用这个呢，我在找了一圈以后本来准备使用腾讯云的SDK进行开发，但是我写了一个demo后进行测试，发现腾讯云的SDK转化率并不像是管方文档着呢说的达到90%，能达到70%都是非常不错了，后来又找了找，发现翔云还不错，果断购买之！下面说下两种api的调用方式

1、使用PHP进行调用

不得不说，翔云的api示例还是有点小瑕疵的，下面已做修改

<?php
/**
 * 翔云OCR名片识别类
 * @Date:   2018-08-14 10:11:38
 * @Author: Wang HongBin | <whb199330@163.com>
 * @Last Modified by:   Wang HongBin
 * @Last Modified time: 2018-08-14 10:16:19
 */
class XiangYunOCR {
    /**
     * 获取名片信息
     * @Author   wanghongbin
     * @Email    wanghongbin@ngoos.org
     * @DateTime 2018-08-14
     * @param    [type]                $filepath [description]
     * @return   [type]                          [description]
     */
	public function cardInfo($filepath) {
		$ocr = $this->cardOCR ( $filepath );
		if ($ocr) {
			if ($ocr ['message'] ['status'] == 0) {
				$cardinfo = $ocr ['cardsinfo'] [0];
				foreach ( $cardinfo ['items'] as $k => $v ) {
					if ($v ['desc'] == "姓名") {
						$card ['name'] = $v ['content'];
					}
					if ($v ['desc'] == "职务/部门") {
						$card ['position'] = $v ['content'];
					}
					if ($v ['desc'] == "公司") {
						$card ['company'] = $v ['content'];
					}
					if ($v ['desc'] == "手机") {
						$card ['mobile'] [] = $v ['content'];
					}
					if ($v ['desc'] == "电话") {
						$card ['tel'] = $v ['content'];
					}
					if ($v ['desc'] == "传真") {
						$card ['fax'] = $v ['content'];
					}
					if ($v ['desc'] == "电子邮箱") {
						$card ['email'] = $v ['content'];
					}
					if ($v ['desc'] == "网址") {
						$card ['www'] = $v ['content'];
					}
					if ($v ['desc'] == "邮编") {
						$card ['postcode'] = $v ['content'];
					}
				}
			}
		} else {
			$card = $ocr;
		}
		return $card;
	}

	// 远程提交OCR获取数据
	protected function cardOCR($filepath) {
		$filepath = realpath ( $filepath );
		$file = array (
				"key" => "*******************",
				"secret" => "*******************",
				"typeId" => "20",//20对应名片识别
				"format" => "json",
				"file" => new \CURLFile ( $filepath, 'image/jpeg' ) 
		);
		$curl = curl_init ();
		curl_setopt ( $curl, CURLOPT_URL, "http://netocr.com/api/recog.do" );
		curl_setopt ( $curl, CURLOPT_POST, true );
		curl_setopt ( $curl, CURLOPT_POSTFIELDS, $file );
		curl_setopt ( $curl, CURLOPT_RETURNTRANSFER, true );
		$result = curl_exec ( $curl );
		
		curl_close ( $curl );
		return json_decode ( $result, true );
	}
}

调用

require_once('../XiangYunOCR.php');

$OCR = new XiangYunOCR();
$ocr = $OCR->cardInfo ($filepath);

使用html5调用

<form id="uploadForm" name="uploadForm" action="" method="post" enctype="multipart/form-data" >
	<div id="img-view" onclick="document.getElementById('file').click();return false;"><i class="glyphicon glyphicon-plus" style="font-size: 30px;position: relative;top: 9px;right: 5px;"></i>点击选择图片或拍照</div>
	<input type="file" name="file" class="hide" id="file" onchange="view_img(this);">
	<input type="hidden" name="format" value="json">
	<input type="hidden" name="typeId" value="20">
	<input type="hidden" name="key" value="yourkey" />
	<input type="hidden" name="secret" value="yoursecret" />
	<input type="hidden" name="_dontcare">
</form>

//上传图片即时显示
	function view_img(obj) {
	    var file = $(obj);
	    var fileObj = file[0];
	    var windowURL = window.URL || window.webkitURL;
	    if(fileObj && fileObj.files && fileObj.files[0]){
	        var dataURL = windowURL.createObjectURL(fileObj.files[0]);
	    }else{
	        var dataURL = file.val();
	    }
	    console.log(dataURL);
	    $("#img-view").empty();
	    $("#img-view").append('<img src="'+dataURL+'" >');
	}
	
// ajax提交图片进行识别并返回值
$(document).ready(function(){
		var form = document.getElementById("uploadForm");
		$("#startocr").click(function(e) {
			e.preventDefault();//必须
			var oData = new FormData(form);  
			
			$.ajax({
				url: "http://netocr.com/api/recog.do" ,
				type: 'POST',
				data: oData,
				async: true,  
				cache: false,  
				contentType: false,  
				processData: false,  
				success: function (returndata) {
					console.log(returndata);
					var resdata = returndata.cardsinfo;
					for (var i = 0; i < resdata.length; i++) {
						var items = resdata[i].items;
						$("#ocrname").val(items[0].content);
						$("#ocrposition").val(items[1].content);
						$("#ocrmobile").val(items[2].content);
						$("#ocrcompany").val(items[3].content);
						$("#ocraddress").val(items[4].content);
						$("#ocrtel").val(items[5].content);
						$("#ocrfax").val(items[6].content);
						$("#ocremail").val(items[7].content);
						$("#ocrwww").val(items[8].content);
						$("#ocrpostcode").val(items[9].content);
					}
				},
				error: function (returndata) {
				    alert("请求失败");  
				}
			});
		});
	});

使用截图