如何使用Barcode二维码实现文档电子化中的自动文档切割和分类

简介

在无纸化越来越盛行的今天,现在纸质文档的电子化也成为一种趋势。与些同时,很多行业如医院,银行等在流程上依然需要先打印文档再做文档的电子化。如此一来,由于不同操作的时间差,很有可能会出现大量纸质文档堆积等待扫描的情况。或者在同一个流程中多个文档一次性扫描需要分类或者做文件切割。诚然,这些工作人工都能完成,然而采用电脑的自动化来实现才能省时省力。本文中笔者将分享一下如何在浏览器中通过barcode直接实现大量文档一次性扫描后的自动切割分类归档。

开发测试环境

Windows
测试用本地server

步骤

1. 新建一个文件夹,命名 DocumentsSeparation,在里面创建一个空网页index.html

<!DOCTYPE html>
  <html>
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title>Documents Separation</title>
    </head>
  <body>
  </body>
</html>

2. 引用核心 JavaScript库

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Documents Separation</title>
    <script src="https://tst.dynamsoft.com/libs/dwt/14.0/dynamsoft.webtwain.config.js"></script>
    <script src="https://tst.dynamsoft.com/libs/dwt/14.0//dynamsoft.webtwain.initiate.js"></script>
    <script src="https://tst.dynamsoft.com/libs/dbr/5.2/js/dynamsoft.barcodereader.config.js"> </script>
    <script src="https://tst.dynamsoft.com/libs/dbr/5.2/js/dynamsoft.barcodereader.initiate.js"></script>
</head>

3. 加入一个DIV和几个按钮

<body>
    <input type="button" value="用扫描仪扫描" onclick="AcquireImage();" />
    <input type="button" value="加载本地图片" onclick="LoadImages();" />
    <input type="button" value="删除选中图片" onclick="RemoveImages();" />
    <input type="button" value="用二维码分割" onclick="UploadFiles();" />
    <br />
    <br />
    <div id="dwtcontrolContainer" style="float: left"></div>
</body>

4. 加入初始化的JS代码

    <script type="text/javascript">
        var dbrObject, DWObject;
        window.onload = function () {
            if (Dynamsoft && (!Dynamsoft.Lib.env.bWin || !Dynamsoft.Lib.product.bChromeEdition)) {
                var ObjString = [];
                ObjString.push('<div class="p15">');
                ObjString.push("当前浏览器不支持. 请使用Chrome, Firefox, Edge 或者 IE 11");
                ObjString.push('</div>');
                Dynamsoft.WebTwainEnv.ShowDialog(400, 180, ObjString.join(''));
                if (document.getElementsByClassName("dynamsoft-dialog-close"))
                    document.getElementsByClassName("dynamsoft-dialog-close")[0].style.display = "none";
            } else {
                Dynamsoft.WebTwainEnv.Load();
            }
        };

        Dynamsoft.WebTwainEnv.AutoLoad = false;
        Dynamsoft.WebTwainEnv.RegisterEvent('OnWebTwainReady', Dynamsoft_OnReady);

        function onInitSuccess() {
            dbrObject = new dynamsoft.dbrEnv.BarcodeReader();
        }

        function onInitFailure(errorCode, errorString) {
            console.log('二维码识别控件初始化失败,错误为: ' + errorString);
        }

        function Dynamsoft_OnReady() {
            // 初始化网络扫描控件
            DWObject = Dynamsoft.WebTwainEnv.GetWebTwain('dwtcontrolContainer');
            if (DWObject) {
                DWObject.SetViewMode(3, 3);
                // 初始化二维码识别控件
                dynamsoft.dbrEnv.init(onInitSuccess, onInitFailure);
            }
        }
    </script>

5.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值