CocoRoboLabs
/
CocoRoboDesktop


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840
							<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title>跨浏览器调用高拍仪测试demo</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
        body,
        html {
            overflow: hidden;
        }
    </style>
</head>

<!-- 引入高拍仪JS接口-->
<script src="gpyhs.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript">

    document.domain = "cocorobo.cn"
    //时间格式化显示
    function formatDate(time) {
        var date = new Date(time);
        var year = date.getFullYear(),
            month = date.getMonth() + 1,
            day = date.getDate(),
            hour = date.getHours(),
            min = date.getMinutes(),
            sec = date.getSeconds();
        var newTime = year +
            (month < 10 ? '0' + month : month) +
            (day < 10 ? '0' + day : day) +
            (hour < 10 ? '0' + hour : hour) +
            (min < 10 ? '0' + min : min) +
            (sec < 10 ? '0' + sec : sec);
        return newTime;
    }


    function sleep(milliSeconds) {
        var startTime = new Date().getTime();
        while (new Date().getTime() < startTime + milliSeconds);
    }

    function ShowInfo(op) {
        var obj = document.getElementById("TextInfo");
        obj.value = obj.value + "\r\n" + op
    }


    /*----------------------------------------------------
    ---（必须重写该函数）返回获取的设备数目及设备名称  ---
    -----------------------------------------------------*/
    function GetDevCountAndNameResultCB(devCount, devNameArr) {

        if (devCount > 0) {

            var obj = document.getElementById("DevName");
            obj.options.length = 0;
            for (var i = 0; i < devCount; i++) {
                var objOption = document.createElement("option");
                objOption.text = devNameArr[i];
                objOption.value = i;
                obj.options.add(objOption);
            }
            obj.selectedIndex = 0;
            var CamID = obj.selectedIndex;

            //获取分辨率
            Cam_GetDevResolution(CamID);

        }
        else {
            ShowInfo("没有发现合适的设备！");
        }
    }

    /*---------------------------------------------------
    ---  （必须重写该函数）返回获取的设备分辨率信息   ---
    ----------------------------------------------------*/
    function GetResolutionResultCB(resCount, resArr) {

        if (resCount > 0) {
            var selectIndex = 0;
            var obj = document.getElementById("DevResolution");
            obj.options.length = 0;
            for (var i = 0; i < resCount; i++) {
                var objOption = document.createElement("option");
                objOption.text = resArr[i];
                objOption.value = i;
                obj.options.add(objOption);
                //默认500万分辨率打开
                if (resArr[i] == "2592*1944") {
                    selectIndex = i;
                }
            }
            obj.selectedIndex = selectIndex;

            //打开摄像头
            Cam_Close();
            sleep(100);
            var restr = obj[obj.selectedIndex].text;
            var pos = restr.lastIndexOf("*");
            var width = parseInt(restr.substring(0, pos));
            var height = parseInt(restr.substring(pos + 1, restr.length));
            var CamID = document.getElementById("DevName").selectedIndex;
            Cam_Open(CamID, width, height);
        }
        else {
            ShowInfo("获取分辨率信息失败！");
        }
    }


    /*---------------------------------------------------
    ---     （必须重写该函数）返回摄像头开启状态      ---
    ----------------------------------------------------*/
    function GetCameraOnOffStatus(status) {
        if (status == 0) {
            ShowInfo("设备开启成功");
            //Cam_Rotate(1);   // 0-> 0度, 1->90度, 2->180度, 3->270度
        }
        else {
            ShowInfo("设备开启失败!");
        }

    }


    //    /*---------------------------------------------------
    //    --------     （必须重写该函数）当前拍照状态 ---------
    //    ----------------------------------------------------*/
    //    function GetCaptrueStatusResultCB(status) {
    //        if (status == 0) {
    //            ShowInfo("拍照完成");
    //        }
    //        else {
    //            ShowInfo("正在拍摄...");
    //        }

    //    }


    /*---------------------------------------------------
    --------     （必须重写该函数）拍照结果     ---------
    ----------------------------------------------------*/
    function GetCaptrueImgResultCB(flag, path, base64Str) {
        if (flag == 0) {
            var obj = document.getElementById("CameraPhoto");
            obj.src = "data:;base64," + base64Str;
            if (path == "") {
                ShowInfo("拍照成功");
            }
            else {
                return "data:;base64," + base64Str
                ShowInfo("拍照成功，图片保存位置：" + path);
            }
        }
        else {
            ShowInfo("拍照失败!");
        }

    }


    /*---------------------------------------------------
    ------  （必须重写该函数）身份证信息返回结果   ------
    ----------------------------------------------------*/
    function GetIdCardInfoResultCB(flag, Name, Sex, Nation, Born, Address, CardNum, IssuedAt, EffectedDate, CardImgPath, CardImgBase64) {
        if (flag == 0) {
            document.getElementById("CardName").value = Name;
            document.getElementById("CardSex").value = Sex;
            document.getElementById("CardNation").value = Nation;
            document.getElementById("CardBorn").value = Born;
            document.getElementById("CardAddress").value = Address;
            document.getElementById("CardNum").value = CardNum;
            document.getElementById("CardIssuedAt").value = IssuedAt;
            document.getElementById("CardEffectDate").value = EffectedDate;
            var obj = document.getElementById("IdCardPhoto");
            obj.src = "data:;base64," + CardImgBase64;
            ShowInfo("读卡成功");
        }
        else {
            ShowInfo("读卡失败!");
        }

    }


    /*-------------------------------------------------------------------
    ------  （必须重写该函数）身份证信息及正反面合并照片返回结果   ------
    --------------------------------------------------------------------*/
    function GetIdCardInfoAndImgResultCB(flag, Name, Sex, Nation, Born, Address, CardNum, IssuedAt, EffectedDate, CardImgPath, CardHeadImgBase64, CardImgBase64) {
        if (flag == 0) {
            document.getElementById("CardName").value = Name;
            document.getElementById("CardSex").value = Sex;
            document.getElementById("CardNation").value = Nation;
            document.getElementById("CardBorn").value = Born;
            document.getElementById("CardAddress").value = Address;
            document.getElementById("CardNum").value = CardNum;
            document.getElementById("CardIssuedAt").value = IssuedAt;
            document.getElementById("CardEffectDate").value = EffectedDate;
            var obj = document.getElementById("IdCardPhoto");
            obj.src = "data:;base64," + CardHeadImgBase64;
            var obj = document.getElementById("CameraPhoto");
            obj.src = "data:;base64," + CardImgBase64;
            ShowInfo("读卡成功");
        }
        else {
            ShowInfo("读卡失败!");
        }

    }


    /*---------------------------------------------------
    ------  （必须重写该函数）条码二维码识别返回结果------
    ----------------------------------------------------*/
    function QrBarCodeRecogResultCB(flag, codeStr) {
        if (flag == 0)
            ShowInfo("条码/二维码 识别结果:" + codeStr);
        else
            ShowInfo("未识别到内容!");
    }


    /*********************
    ***    初始化操作  ***
    **********************/


    function LoadCameraDocument() {

        if (!window.WebSocket) {
            alert("浏览器不支持HTML5,请更新浏览器或者使用其它浏览器");
        }
        //console.log("LoadCameraDocument");
        var obj = document.getElementById("CameraCtl");
        Cam_ControlInit(obj, 0, 0, 600, 400);
    }


    window.onload = function () {
        document.domain = "cocorobo.cn"
        console.log("window.onload");
    }


    /*********************
    ***    打开摄像头  ***
    **********************/
    function toOpenCamera() {
        var CamID = document.getElementById("DevName").selectedIndex;
        var obj = document.getElementById("DevResolution");
        var restr = obj[obj.selectedIndex].text;
        var pos = restr.lastIndexOf("*");
        var width = parseInt(restr.substring(0, pos));
        var height = parseInt(restr.substring(pos + 1, restr.length));
        Cam_Open(CamID, width, height);

    }

    /*********************
    ***    关闭摄像头  ***
    **********************/
    function toCloseCamera() {
        Cam_Close();
    }


    /*********************
    ***    切换摄像头  ***
    **********************/
    function SelectDevice() {
        var CamID = document.getElementById("DevName").selectedIndex;
        //获取分辨率
        Cam_GetDevResolution(CamID);
    }


    /*********************
    ***    切换分辨率  ***
    **********************/
    function SelectResolution() {
        var obj = document.getElementById("DevResolution");
        var restr = obj[obj.selectedIndex].text;
        var pos = restr.lastIndexOf("*");
        var width = parseInt(restr.substring(0, pos));
        var height = parseInt(restr.substring(pos + 1, restr.length));
        var CamID = document.getElementById("DevName").selectedIndex;
        Cam_Open(CamID, width, height);
    }


    /*********************
    ***       拍照     ***
    **********************/
    function TakePhoto() {

        var name = formatDate(new Date().getTime());

        var obj = document.getElementById("FileType");
        var path;
        Cam_SetFileType(obj.selectedIndex); //设置文件格式
        if (obj.selectedIndex == 0) {
            path = "D:\\" + name + ".jpg";
        }
        else if (obj.selectedIndex == 1) {
            path = "D:\\" + name + ".png";
        }
        else if (obj.selectedIndex == 2) {
            path = "D:\\" + name + ".tif";
        }
        else if (obj.selectedIndex == 3) {
            path = "D:\\" + name + ".pdf";
        }
        else {
            path = "D:\\" + name + ".jpg";
        }


        Cam_Photo(path);  //主摄像头拍照
        //Cam_Photo("");  //主摄像头拍照

    }


    function SetCameraCutMode() {

        if (document.getElementById("Radio1").checked) {
            Cam_SetCutMode(0);
        }
        if (document.getElementById("Radio3").checked) {
            Cam_SetCutMode(1);
        }
        if (document.getElementById("Radio2").checked) {
            Cam_SetCutMode(2);
        }
        if (document.getElementById("Radio4").checked) {

            Cam_SetCutMode(3);
            //设置裁剪区域
            //toSleep(100);
            //console.log("SetCustomArea");
            SetCustomArea(3000, 3000, 9000, 9000);
        }
    }


    /*********************
    ***    读取身份证  ***
    **********************/
    function GetIdCardInfo() {
        var path = "D:\\IdCard.jpg";
        //Cam_ReadIdCard(path);
        //Cam_ReadIdCard("");
        Cam_ReadIdCardEx(path);
    }


    /*********************
    ***    设置文件格式  ***
    **********************/
    function toSetFileType() {
        var obj = document.getElementById("FileType");
        Cam_SetFileType(obj.selectedIndex);
    }


    /*********************
    ***    设置色彩模式  ***
    **********************/
    function toSetColorModel() {
        var obj = document.getElementById("ColorMode");
        Cam_SetColorMode(obj.selectedIndex);
    }


    /*********************
    ***    设置JPG图像质量  ***
    **********************/
    function toSetJpgQuality() {
        var obj = document.getElementById("JpgQuality");
        var val = obj[obj.selectedIndex].text;
        Cam_SetJpgQuality(val);
    }


    /*********************
    ***    设置去黑边  ***
    **********************/
    function toSetDeleteBlackEdge() {
        var obj = document.getElementById("Checkbox1");
        if (obj.checked) {
            Cam_SetDeleteBlackEdge(1);
        }
        else {
            Cam_SetDeleteBlackEdge(0);
        }
    }

    /*********************
    ***    设置去底色  ***
    **********************/
    function toSetDeleteBgColor() {
        var obj = document.getElementById("Checkbox2");
        if (obj.checked) {
            Cam_SetDeleteBgColor(1);
        }
        else {
            Cam_SetDeleteBgColor(0);
        }
    }


    /*---------------------------------------------------
    --------     （必须重写该函数）上传结果     ---------
    ----------------------------------------------------*/
    function HttpResultCB(flag, ResultStr) {
        if (flag == 0) {
            alert("上传成功 :" + ResultStr);
        }
        else {
            alert("上传失败！");
        }
    }


    /*********************
    ******    上传  ******
    **********************/
    function HttpUploadFile() {

        var filePath = "D:\\test.jpg";
        //var url = "http://112.27.213.220:2201/interface/FileUploadCode.jsp";

        //var url = "http://localhost:9005/MyServletTest/upload";
        var url = "http://localhost:4523/UploadFile.ashx";
        //var url = "http://localhost:9005/MyServletTest/upload";
        UploadFile(url, filePath);

    }


    //从摄像头中识别二维码
    function RecogQrCodeFromCamera(type) {
        Cam_RecogQrBarCodeFromCamera(type)
    }

    //从图片文件中识别二维码
    function RecogBarCodeFromFile(type) {
        var imgpath = "D:\\123.jpg";
        Cam_RecogQrBarCodeFromFile(type, imgpath)
    }


    //添加要合并的PDF文件
    function ToAddPDFFile() {
        Cam_AddImgFileToPDF("");
        //        var path1 = "D:\\1.jpg";
        //        var path2 = "D:\\2.jpg";
        //        var path3 = "D:\\3.jpg";
        //        var path4 = "D:\\4.jpg";
        //        var path5 = "D:\\5.jpg";
        //        var path6 = "D:\\6.jpg";
        //        //var path7 = "D:\\7.jpg";
        //        var allpath = path1 + ";" + path2 + ";" + path3 + ";" + path4 + ";" + path5 + ";" + path6 ;
        //        Cam_AddImgFileToPDF(allpath);
        sleep(100);
    }

    /*---------------------------------------------------
    --------     添加合并的PDF文件返回结果     ---------
    ----------------------------------------------------*/
    function AddImgFileToPDFResultCB(flag, base64Str) {
        if (flag == 0) {
            ShowInfo("添加合并的PDF文件成功");
            var obj = document.getElementById("CameraPhoto");
            obj.src = "data:;base64," + base64Str;
        }
        else {
            ShowInfo("添加合并的PDF文件失败!");
        }
    }


    //PDF合并测试
    function ToCombinePDF() {
        Cam_CombinePDF("D:\\test.pdf");
        //Cam_CombinePDF("");  
        //Cam_CombinePDF("D:\\QRjoNxNcgw.pdf");      
    }

    /*---------------------------------------------------
    --------     （必须重写该函数）合并PDF结果     ---------
    ----------------------------------------------------*/
    function PdfCombineResultCB(flag, PdfBase64Str) {
        if (flag == 0) {
            ShowInfo("合并PDF完成");
            console.log(PdfBase64Str);
        }
        else {
            ShowInfo("合并PDF失败!");
        }
    }


    //添加要合并的图像文件
    function ToAddMergeImageFile() {
        Cam_AddMergeImageFile("");
        sleep(100);
    }

    /*---------------------------------------------------
    --------     添加合并图像文件返回结果     ---------
    ----------------------------------------------------*/
    function AddMergeImageFileResultCB(flag, base64Str) {
        if (flag == 0) {
            ShowInfo("添加合并图像文件成功");
            var obj = document.getElementById("CameraPhoto");
            obj.src = "data:;base64," + base64Str;
        }
        else {
            ShowInfo("添加合并图像文件失败!");
        }
    }


    //图像合并测试
    function ToMergeImages() {
        Cam_MergeImages("D:\\merge.jpg", 0);
    }

    /*---------------------------------------------------
    --------     （必须重写该函数）图像合并结果     ---------
    ----------------------------------------------------*/
    function MergeImagesResultCB(flag, base64Str) {
        if (flag == 0) {
            ShowInfo("图像合并完成");
            var obj = document.getElementById("CameraPhoto");
            obj.src = "data:;base64," + base64Str;
        }
        else {
            ShowInfo("图像合并失败!");
        }
    }


    /*---------------------------------------------------
    -------（必须重写该函数）获取驱动盘符返回结果--------
    ----------------------------------------------------*/
    function GetDriveResultCB(driveStr) {
        if (driveStr == "") {
            ShowInfo("获取盘符失败!");
        }
        else {
            ShowInfo(driveStr);
        }
    }


    //设置水印
    function toSetWaterMarkParams() {
        var isAddMark;
        var isAddTime;
        var wTransp;
        var wPos;
        var wSize;
        var wColor;
        var szInfo;
        var obj = document.getElementById("Checkbox3");
        if (obj.checked)
            isAddMark = 1;
        else
            isAddMark = 0;
        obj = document.getElementById("Checkbox4");
        if (obj.checked)
            isAddTime = 1;
        else
            isAddTime = 0;
        szInfo = document.getElementById("Text1").value;   //水印内容
        wTransp = parseInt(document.getElementById("Text2").value); //透明度
        wSize = parseInt(document.getElementById("Text3").value);   //水印大小
        wPos = document.getElementById("Select1").selectedIndex;   //水印位置
        wColor = document.getElementById("Select2").selectedIndex;   //水印颜色
        SetWaterMark(isAddMark, 0, isAddTime, wTransp, wPos, wSize, wColor, szInfo);  //生效水印设置
    }


    //删除文件
    function ToDeleteFile() {
        var path = "D:\\log.txt";
        DeleteFile(path);
    }

    //删除文件返回结果
    function GetDeleteFileResultCB(flag) {
        if (flag == 0) {
            ShowInfo("删除文件成功");
        }
        else {
            ShowInfo("删除文件失败！");
        }
    }


    /*----------------------------------------------------------------
    -------（必须重写该函数）添加需要OCR识别的图片文件返回结果--------
    --------------------------------------------------------------*/
    function AddOcrRecogFileResultCB(flag, base64Str) {
        if (flag == 0) {
            ShowInfo("添加需要OCR识别的图片文件成功");
            var obj = document.getElementById("CameraPhoto");
            obj.src = "data:;base64," + base64Str;
        }
        else {
            ShowInfo("添加文件失败!");
        }
    }

    //添加文件
    function ToAddOcrRecogFile() {

        //AddOcrRecogFile("");  //传空拍照添加，也可以传文件路径    

        var path1 = "D:\\1.jpg";
        var path2 = "D:\\2.jpg";
        var path3 = "D:\\3.jpg";
        var path4 = "D:\\4.jpg";
        var path5 = "D:\\5.jpg";
        var path6 = "D:\\6.jpg";
        //var path7 = "D:\\7.jpg";
        var allpath = path1 + ";" + path2 + ";" + path3 + ";" + path4 + ";" + path5 + ";" + path6;
        console.log(allpath);
        AddOcrRecogFile(allpath);
    }


    /*---------------------------------------------------
    -------（必须重写该函数）OCR识别结果返回--------
    ----------------------------------------------------*/
    function OcrCallResultCB(flag, proValue, ResultStr, base64Str) {
        if (flag == 0) {
            ShowInfo("Ocr文字识别成功：" + ResultStr);
            //ShowInfo("base64data：" + base64Str);
            var obj = document.getElementById("mypdf");
            obj.src = "data:application/pdf;base64," + base64Str;
        }
        else if (flag == 1) {
            ShowInfo("Ocr文字识别进度：" + proValue);
        }
        else {
            if (flag == 40)
                ShowInfo("Ocr授权失败！");
            else
                ShowInfo("Ocr文字识别失败！");
        }
    }


    //OCR识别(多张合并识别)
    function ToOcrCallProEx() {

        OcrCallProEx(0, "D:\\out.pdf", 0);

    }

    //OCR测试(单张识别)
    function OcrTest() {
        OcrCallPro(0, "D:\\test.jpg", "D:\\test.pdf");
    }

</script>

<body onload="LoadCameraDocument()">

    <div style="width:602px; height: 640px; border: 1px solid white; background:#C7EDCC;  float:left">

        <div id='CameraCtl' style="width:600px; height: 400px"> </div>
        <div>
            设备
            <select style="width:140px" id="DevName" onchange="SelectDevice()"></select>
            分辨率
            <select style="width:140px" id="DevResolution" onchange="SelectResolution()"></select>
            <input type="button" value=" 打开设备 " onclick="toOpenCamera();" />
            <input type="button" value=" 关闭设备 " onclick="toCloseCamera();" />
            <br />

            裁切模式:
            <input id="Radio1" name="R1" type="radio" value="V1" onclick="SetCameraCutMode()" checked="checked" />不裁切
            <input id="Radio2" name="R1" type="radio" value="V2" onclick="SetCameraCutMode()" />手动裁切
            <input id="Radio3" name="R1" type="radio" value="V3" onclick="SetCameraCutMode()" />自动裁切
            <input id="Radio4" name="R1" type="radio" value="V4" onclick="SetCameraCutMode()" />自定义
            <br />

            文件格式:
            <select id="FileType" onchange="toSetFileType()">
                <option value="0">jpg</option>
                <option value="1">png</option>
                <option value="2">tif</option>
                <option value="3">pdf</option>
            </select>

            色彩模式:
            <select id="ColorMode" onchange="toSetColorModel()">
                <option value="0">彩色</option>
                <option value="1">灰度</option>
                <option value="2">黑白</option>
            </select>

            图像质量:
            <select id="JpgQuality" onchange="toSetJpgQuality()">
                <option value="0">10</option>
                <option value="1">20</option>
                <option value="2">30</option>
                <option value="3">40</option>
                <option value="4">50</option>
                <option value="5" selected="true">60</option>
                <option value="6">70</option>
                <option value="7">80</option>
                <option value="8">90</option>
                <option value="9">100</option>
            </select>

            <input id="Checkbox1" type="checkbox" onclick="toSetDeleteBlackEdge()" /> 去黑边
            <input id="Checkbox2" type="checkbox" onclick="toSetDeleteBgColor()" /> 去底色

        </div>
        <br />

        <div>
            <input id="Checkbox3" type="checkbox" /> 添加水印
            水印内容<input id="Text1" type="text" value="水印测试" />
            透明度<input id="Text2" type="text" value="127" style="width:40px" />
            大小<input id="Text3" type="text" value="80" style="width:40px" /> <br />
            位置
            <select id="Select1">
                <option value="0">左上</option>
                <option value="1">右上</option>
                <option value="2">左下</option>
                <option value="3">右下</option>
                <option value="4">中间</option>
            </select>
            颜色
            <select id="Select2">
                <option value="0">红色</option>
                <option value="1">绿色</option>
                <option value="2">蓝色</option>
                <option value="3">青色</option>
                <option value="4">黄色</option>
                <option value="5">白色</option>
                <option value="6">黑色</option>
            </select>
            <input id="Checkbox4" type="checkbox" /> 添加时间水印
            <input type="button" value="生效水印参数设置" onclick="toSetWaterMarkParams()" />
        </div>

        <br />

        <div>
            <input type="button" value="获取盘符" onclick="GetDrives();" />
            <input type="button" value="放大" onclick="Cam_ZoomIn();" />
            <input type="button" value="缩小" onclick="Cam_ZoomOut();" />
            <input type="button" value="适屏" onclick="Cam_BestSize();" />
            <input type="button" value="1:1" onclick="Cam_TrueSize();" />
            <input type="button" value="左旋" onclick="Cam_RotateLeft();" />
            <input type="button" value="右旋" onclick="Cam_RotateRight();" />
            <input type="button" value="拍照" onclick="TakePhoto();" />
            <input type="button" value="对焦" onclick="Cam_Focus();" />
            <input type="button" value="设置" onclick="Cam_ShowVideoProp();" />
            <input type="button" value="上传" onclick="HttpUploadFile();" />
            <input type="button" value="读身份证" onclick="GetIdCardInfo();" />
            <input type="button" value="从摄像头中识别二维码" onclick="RecogQrCodeFromCamera(1);" />
            <input type="button" value="从图片中识别二维码" onclick="RecogBarCodeFromFile(1);" />
            <input type="button" value="添加合并PDF文件" onclick="ToAddPDFFile();" />
            <input type="button" value="合并PDF" onclick="ToCombinePDF();" />
            <input type="button" value="添加合并图像文件" onclick="ToAddMergeImageFile();" />
            <input type="button" value="合并图像" onclick="ToMergeImages();" />
            <input type="button" value="删除文件" onclick="ToDeleteFile();" />
            <input type="button" value="OCR" onclick="OcrTest();" />
        </div>

        <div>
            <input type="button" value="添加需要OCR识别的图片文件" onclick="ToAddOcrRecogFile();" />
            <input type="button" value="OCR识别(多张合并识别)" onclick="ToOcrCallProEx();" />
        </div>

        <div style="width:595px; height: 80px">
            <textarea style="width:100%; height:100%" id="TextInfo" cols="20" rows="2"></textarea>
        </div>

    </div>


    <div style="width:202px; height: 640px; border: 1px solid white; background:#C7EDCC;  float:left">
        拍照图片
        <br />
        <img id="CameraPhoto" src="" style="width: 198px;height: 198px;" />
        <br />
        身份证信息
        <br />
        <img id="IdCardPhoto" src="" style="width: 80px;height: 100px;" />
        <br />
        姓名
        <input id="CardName" type="text" style="width: 100px" /> <br />
        性别
        <input id="CardSex" type="text" style="width: 50px" />
        民族
        <input id="CardNation" type="text" style="width: 60px" /> <br />
        出生
        <input id="CardBorn" type="text" style="width: 100px" /> <br />
        住址
        <br />
        <textarea id="CardAddress" cols="20" rows="3" style="width:192px"></textarea>
        身份证号码
        <br />
        <input id="CardNum" type="text" style="width: 195px" /> <br />
        签发机关
        <input id="CardIssuedAt" type="text" style="width: 125px" /> <br />
        有效期限
        <input id="CardEffectDate" type="text" style="width: 125px" /> <br />

        <embed id="mypdf" src="" type="application/pdf" width="200" height="100" />

    </div>

</body>


</html>