devbox
小蓝xlanll
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

tessract-ocr文本识别系统网页搭建php_进一步完善及操作流程详解_php tesseractocr

作者：小蓝xlanll | 2024-05-25 01:53:23

赞

踩

php tesseractocr

项目github源代码:

https://github.com/chudongfang/my_work_git/tree/master/ocr_php

1.首先，安装tessract-ocr，确保3.03版本以上

ubuntu 

sudo apt-get install tesseract-ocr
centos 

yum install tesseract.i686

2.由于要调用php库，安装php管理依赖的工具comporser

3.从comporser中得到   tesseract-ocr-for-php

     执行命令;

comporser requir thiagoalessio/tesseract_ocr
（ 确保版本最新！：1.0.0-RC）


4.调用其进行进行网页编写

网页地址：115.159.205.168/ocr_php/public/index.php

index.php

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>OCR文本识别系统</title>
  6. <!-- 新 Bootstrap 核心 CSS 文件 -->
  7. <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
  8. <!-- 可选的Bootstrap主题文件（一般不用引入） -->
  9. <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap-theme.min.css">
  10. <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
  11. <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
  12.  
  13. <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
  14. <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
  15.  
  16.  
  17. <style type="text/css">
  18.   .form{
  19.     position:absolute;
  20.     left:600px;
  21.     top:100px 
  22.  
  23.   }
  24.   .image{
  25.     position:absolute;
  26.     left:10px;
  27.     top:60px 
  28.   }
  29.   .retext{
  30.     position:absolute;
  31.     top:370px 
  32.   }
  33.  
  34.   .body{
  35.     background-image: url("./img/background.jpg");
  36.   }
  37.   .text{
  38.     text-align: center;       
  39.   }
  40. </style>
  41. </head>
  42.  
  43. <body class = "body">
  44. <?php //$file_path = './img/180.jpg'?>
  45. <nav class="navbar navbar-inverse" role="navigation">
  46.   <div class="container-fluid">
  47.     <!-- Brand and toggle get grouped for better mobile display -->
  48.     <div class="navbar-header">
  49.       <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
  50.         <span class="sr-only">Toggle navigation</span>
  51.         <span class="icon-bar"></span>
  52.         <span class="icon-bar"></span>
  53.         <span class="icon-bar"></span>
  54.       </button>
  55.       <a class="navbar-brand" href="index.php">OCR文本识别系统</a>
  56.     </div>
  57.  
  58.     <!-- Collect the nav links, forms, and other content for toggling -->
  59.     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  60.       <!--<ul class="nav navbar-nav">
  61.         <li class="active"><a href="#">系统介绍</a></li>
  62.         <li class="dropdown">
  63.           <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
  64.           <ul class="dropdown-menu" role="menu">
  65.             <li><a href="#">Action</a></li>
  66.             <li><a href="#">Another action</a></li>
  67.             <li><a href="#">Something else here</a></li>
  68.             <li class="divider"></li>
  69.             <li><a href="#">Separated link</a></li>
  70.             <li class="divider"></li>
  71.             <li><a href="#">One more separated link</a></li>
  72.           </ul>
  73.         </li>
  74.       </ul>
  75. -->
  76.       <!--<form class="navbar-form navbar-left" role="search">
  77.         <div class="form-group">
  78.           <input type="text" class="form-control" placeholder="Search">
  79.         </div>
  80.         <button type="submit" class="btn btn-default">Submit</button>
  81.       </form>
  82.       -->
  83.       <ul class="nav navbar-nav navbar-right">
  84.         <li><a href="./introduce1.php">系统介绍</a></li>
  85.         <li><a href="#">实验室介绍</a></li>
  86.         <li class="dropdown">
  87.           <a href="#" class="dropdown-toggle" data-toggle="dropdown">参考资源 <span class="caret"></span></a>
  88.           <ul class="dropdown-menu" role="menu">
  89.             <li><a href="https://github.com/thiagoalessio/tesseract-ocr-for-php">tesseract-ocr-for-php</a></li>
  90.             <li><a href="http://getbootstrap.com/">Bootstrap</a></li>
  91.             <li><a href="http://www.w3school.com.cn/">W3School</a></li>
  92.             <li class="divider"></li>
  93.             <li><a href="https://github.com/tesseract-ocr/tesseract">tesseract-ocr</a></li>
  94.           </ul>
  95.         </li>
  96.       </ul>
  97.     </div><!-- /.navbar-collapse -->
  98.   </div><!-- /.container-fluid -->
  99. </nav>
  100.  
  101.  
  102.  
  103.  
  104.  
  105. <div class = "form">
  106.   <form  action="" method="post" enctype="multipart/form-data">
  107.     <label for="file">上传图片:</label>
  108.       <input type="file" name="file" id="file" /> 
  109.       <br />
  110.       <p>请选择语言类型(可多选)：</p> 
  111.       <div class="checkbox">
  112.         <label>
  113.          <input type="checkbox" value="English" name ="mrbook[]" >
  114.          English
  115.         </label>
  116.       </div>
  117.       <div class="checkbox">
  118.        <label>
  119.         <input type="checkbox" value="中文" name ="mrbook[]">
  120.         中文
  121.        </label>
  122.      </div>
  123.  
  124.      <div class="checkbox">
  125.      <label>
  126.        <input type="checkbox" value="Deutsch" name ="mrbook[]">
  127.        Deutsch
  128.      </label>
  129.      </div>
  130.      <div class="checkbox">
  131.        <label>
  132.        <input type="checkbox" value="한국의" name ="mrbook[]">
  133.          한국의
  134.        </label>
  135.      </div>
  136.       <input type="submit" name="submit" class="btn btn-success" value="Submit" />
  137. </form>
  138. </div>
  139.  
  140.  
  141. <?php
  142.  
  143.     if(!empty($_FILES['file']))
  144.     {
  145.         $file_path = sprintf("./upload/%s",$_FILES['file']['name']);
  146.         if(!move_uploaded_file($_FILES["file"]["tmp_name"],
  147.             $file_path))
  148.             echo $_FILES["file"]["error"];
  149.         for($i=0 ;$i<count($_POST[mrbook]);$i++)
  150.             if(strcmp($_POST[mrbook][$i],"English") == 0)
  151.                 $lan_type = sprintf("%s %s",$lan_type,"eng");
  152.             else if(strcmp($_POST[mrbook][$i],"中文") == 0)
  153.                 $lan_type = sprintf("%s %s",$lan_type,"chi_sim");
  154.  
  155.     }
  156.  
  157.  
  158.     require '../vendor/autoload.php';
  159.     $ocr = new \TesseractOCR($file_path);
  160.     $string = $ocr ->lang($lan_type) ->run();
  161.  
  162. ?>
  163. <div class = "image">
  164.    <p>
  165.     <img src=<?php
  166.              if(!empty($file_path)) echo $file_path;
  167.              else  echo './img/180.jpg'; ?>
  168.          width="440" height="300" />
  169.    </p>
  170. </div>
  171.  
  172. <div class = "retext" style ="width :100%">
  173. <p>识别结果：</p>
  174. <textarea class="form-control" rows="10"><?php echo $string; ?></textarea>
  175. </div>
  176.  
  177.  
  178.  
  179.  
  180.  
  181. </body>
  182. </html>



introduce1.php 

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>OCR文本识别系统</title>
  6. <!-- 新 Bootstrap 核心 CSS 文件 -->
  7. <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
  8. <!-- 可选的Bootstrap主题文件（一般不用引入） -->
  9. <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap-theme.min.css">
  10. <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
  11. <link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />
  12.  
  13. <link type="text/css" rel="stylesheet" href="./css/carousel.css">
  14.  
  15. <script type="text/javascript" src="./js/jquery.js"></script>
  16.  
  17. <script type="text/javascript" src="./js/carousel.js"></script>
  18.  
  19. <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
  20.  
  21. <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
  22. <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
  23.  
  24.  
  25.  
  26.  
  27.  
  28.  
  29.  
  30. <style type="text/css">
  31.   .form{
  32.     position:absolute;
  33.     left:600px;
  34.     top:100px 
  35.  
  36.   }
  37.   .image{
  38.     position:absolute;
  39.     left:10px;
  40.     top:60px 
  41.   }
  42.   .retext{
  43.     position:absolute;
  44.     top:370px 
  45.   }
  46.   .image_show{
  47. margin-left: auto;
  48. margin-right: auto;
  49.     //margin-left:100px; 
  50.  }
  51.   .body{
  52.     background-image: url("");
  53.   }
  54.   .text{
  55.     text-align: center;       
  56.   }
  57. </style>
  58. </head>
  59.  
  60. <body class = "body">
  61. <nav class="navbar navbar-inverse" role="navigation">
  62.   <div class="container-fluid">
  63.     <!-- Brand and toggle get grouped for better mobile display -->
  64.     <div class="navbar-header">
  65.       <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
  66.         <span class="sr-only">Toggle navigation</span>
  67.         <span class="icon-bar"></span>
  68.         <span class="icon-bar"></span>
  69.         <span class="icon-bar"></span>
  70.       </button>
  71.       <a class="navbar-brand" href="index.php">OCR文本识别系统</a>
  72.     </div>
  73.  
  74.     <!-- Collect the nav links, forms, and other content for toggling -->
  75.     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  76.       <!--<ul class="nav navbar-nav">
  77.         <li class="active"><a href="#">系统介绍</a></li>
  78.         <li class="dropdown">
  79.           <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
  80.           <ul class="dropdown-menu" role="menu">
  81.             <li><a href="#">Action</a></li>
  82.             <li><a href="#">Another action</a></li>
  83.             <li><a href="#">Something else here</a></li>
  84.             <li class="divider"></li>
  85.             <li><a href="#">Separated link</a></li>
  86.             <li class="divider"></li>
  87.             <li><a href="#">One more separated link</a></li>
  88.           </ul>
  89.         </li>
  90.       </ul>
  91. -->
  92.       <!--<form class="navbar-form navbar-left" role="search">
  93.         <div class="form-group">
  94.           <input type="text" class="form-control" placeholder="Search">
  95.         </div>
  96.         <button type="submit" class="btn btn-default">Submit</button>
  97.       </form>
  98.       -->
  99.       <ul class="nav navbar-nav navbar-right">
  100.         <li><a href="#">系统介绍</a></li>
  101.         <li><a href="#">实验室介绍</a></li>
  102.         <li class="dropdown">
  103.           <a href="#" class="dropdown-toggle" data-toggle="dropdown">参考资源 <span class="caret"></span></a>
  104.           <ul class="dropdown-menu" role="menu">
  105.             <li><a href="https://github.com/thiagoalessio/tesseract-ocr-for-php">tesseract-ocr-for-php</a></li>
  106.             <li><a href="http://getbootstrap.com/">Bootstrap</a></li>
  107.             <li><a href="http://www.w3school.com.cn/">W3School</a></li>
  108.             <li class="divider"></li>
  109.             <li><a href="https://github.com/tesseract-ocr/tesseract">tesseract-ocr</a></li>
  110.           </ul>
  111.         </li>
  112.       </ul>
  113.     </div><!-- /.navbar-collapse -->
  114.   </div><!-- /.container-fluid -->
  115. </nav>
  116.  
  117.  
  118.  
  119.  
  120.  
  121.  
  122.  
  123.  
  124.  
  125.  
  126. <div id="container">
  127.   <p><a href="#">
  128.     OCR演示
  129.   </a></p>
  130.   <div style="text-align:center;clear:both">
  131.     <script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>
  132.     <script src="/follow.js" type="text/javascript"></script>
  133.   </div>
  134. </div>
  135. <script src="js/index.js"></script>
  136.  
  137.  
  138.  
  139. <p><font size="5px">点击图片进行识别</font></p>
  140.  
  141.  
  142.  
  143.  
  144.  
  145. <div class="J_Poster poster-main image_show" data-setting='{
  147. "width":800,
  148. "height":500,
  149. "posterWidth":700,
  150. "posterHeight":500,
  151. "scale":0.8,
  152. "autoPlay":true,
  153. "delay":2000,
  154. "speed":300
  155. }'>
  156.     <div class="poster-btn poster-prev-btn"></div>
  157.        <ul class="poster-list">
  158.          <li class="poster-item"><a href="<?php $file_name = "./img/eng_1.png" ; $lan_type = "eng"; echo "./intro_deal.php?file_name=".$file_name."&lan_type=". $lan_type;?>"><img src="<?php echo $file_name?>" width="100%" height="100%"></a></li>
  159.          <li class="poster-item"><a href="<?php $file_name = "./img/eng_2.png" ; $lan_type = "eng"; echo "./intro_deal.php?file_name=".$file_name."&lan_type=". $lan_type;?>"><img src="<?php echo $file_name?>" width="100%" height="100%"></a></li>
  160.          <li class="poster-item"><a href="<?php $file_name = "./img/eng_3.png" ; $lan_type = "eng"; echo "./intro_deal.php?file_name=".$file_name."&lan_type=". $lan_type;?>"><img src="<?php echo $file_name?>" width="100%" height="100%"></a></li>
  161.         <li class="poster-item"><a href="<?php $file_name = "./img/chi_sim1.png" ; $lan_type = "chi_sim"; echo "./intro_deal.php?file_name=".$file_name."&lan_type=". $lan_type;?>"><img src="<?php echo $file_name?>" width="100%" height="100%"></a></li>
  162.         <li class="poster-item"><a href="<?php $file_name = "./img/chi_sim2.png" ; $lan_type = "chi_sim"; echo "./intro_deal.php?file_name=".$file_name."&lan_type=". $lan_type;?>"><img src="<?php echo $file_name?>" width="100%" height="100%"></a></li>
  163.         <li class="poster-item"><a href="<?php $file_name = "./img/chi_sim3.png" ; $lan_type = "chi_sim"; echo "./intro_deal.php?file_name=".$file_name."&lan_type=". $lan_type;?>"><img src="<?php echo $file_name?>" width="100%" height="100%"></a></li>
  164.        </ul>
  165.     <div class="poster-btn poster-next-btn"></div>
  166. </div>
  167.  
  168. <!--<p style="height:50px;"></p>
  169.  
  170. <div class="J_Poster poster-main" data-setting='{
  171. "width":800,
  172. "height":500,
  173. "posterWidth":640,
  174. "posterHeight":270,
  175. "scale":0.8,
  176. "autoPlay":true,
  177. "delay":5000,
  178. "speed":300,
  179. "vericalAlign":"top"
  180. }'>
  181. <div class="poster-btn poster-prev-btn"></div>
  182.     <ul class="poster-list">
  183.         <li class="poster-item"><a href="#"><img src="./img/1.jpg" width="100%" height="100%"></a></li>
  184.         <li class="poster-item"><a href="#"><img src="./img/2.jpg" width="100%" height="100%"></a></li>
  185.         <li class="poster-item"><a href="#"><img src="./img/3.jpg" width="100%" height="100%"></a></li>
  186.         <li class="poster-item"><a href="#"><img src="./img/4.jpg" width="100%" height="100%"></a></li>
  187.  
  188.     </ul>
  189. <div class="poster-btn poster-next-btn"></div>
  190. </div>
  191.  
  192. -->
  193. <script>
  194. $(function(){
  195. Carousel.init($(".J_Poster"));
  196. });
  197. </script>
  198.  
  199.  
  200.  
  201. </body>
  202. </html>


intro_deal.php

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>OCR文本识别系统</title>
  6. <!-- 新 Bootstrap 核心 CSS 文件 -->
  7. <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
  8. <!-- 可选的Bootstrap主题文件（一般不用引入） -->
  9. <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap-theme.min.css">
  10. <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
  11. <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
  12.  
  13. <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
  14. <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
  15.  
  16.  
  17. <style type="text/css">
  18.   .form{
  19.     position:absolute;
  20.     left:600px;
  21.     top:100px 
  22.  
  23.   }
  24.   .image{
  25.     position:absolute;
  26.     left:10px;
  27.     top:60px 
  28.   }
  29.   .retext{
  30.     position:absolute;
  31.     left:450px;
  32.     top :70px;
  33.   }
  34.  
  35.   .body{
  36.     background-image: url("./img/background.jpg");
  37.   }
  38.   .text{
  39.     text-align: center;       
  40.   }
  41. </style>
  42. </head>
  43.  
  44. <body class = "body">
  45. <?php //$file_path = './img/180.jpg'?>
  46. <nav class="navbar navbar-inverse" role="navigation">
  47.   <div class="container-fluid">
  48.     <!-- Brand and toggle get grouped for better mobile display -->
  49.     <div class="navbar-header">
  50.       <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
  51.         <span class="sr-only">Toggle navigation</span>
  52.         <span class="icon-bar"></span>
  53.         <span class="icon-bar"></span>
  54.         <span class="icon-bar"></span>
  55.       </button>
  56.       <a class="navbar-brand" href="index.php">OCR文本识别系统</a>
  57.     </div>
  58.  
  59.     <!-- Collect the nav links, forms, and other content for toggling -->
  60.     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  61.       <!--<ul class="nav navbar-nav">
  62.         <li class="active"><a href="#">系统介绍</a></li>
  63.         <li class="dropdown">
  64.           <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
  65.           <ul class="dropdown-menu" role="menu">
  66.             <li><a href="#">Action</a></li>
  67.             <li><a href="#">Another action</a></li>
  68.             <li><a href="#">Something else here</a></li>
  69.             <li class="divider"></li>
  70.             <li><a href="#">Separated link</a></li>
  71.             <li class="divider"></li>
  72.             <li><a href="#">One more separated link</a></li>
  73.           </ul>
  74.         </li>
  75.       </ul>
  76. -->
  77.       <!--<form class="navbar-form navbar-left" role="search">
  78.         <div class="form-group">
  79.           <input type="text" class="form-control" placeholder="Search">
  80.         </div>
  81.         <button type="submit" class="btn btn-default">Submit</button>
  82.       </form>
  83.       -->
  84.       <ul class="nav navbar-nav navbar-right">
  85.         <li><a href="./introduce1.php">系统介绍</a></li>
  86.         <li><a href="#">实验室介绍</a></li>
  87.         <li class="dropdown">
  88.           <a href="#" class="dropdown-toggle" data-toggle="dropdown">参考资源 <span class="caret"></span></a>
  89.           <ul class="dropdown-menu" role="menu">
  90.             <li><a href="https://github.com/thiagoalessio/tesseract-ocr-for-php">tesseract-ocr-for-php</a></li>
  91.             <li><a href="http://getbootstrap.com/">Bootstrap</a></li>
  92.             <li><a href="http://www.w3school.com.cn/">W3School</a></li>
  93.             <li class="divider"></li>
  94.             <li><a href="https://github.com/tesseract-ocr/tesseract">tesseract-ocr</a></li>
  95.           </ul>
  96.         </li>
  97.       </ul>
  98.     </div><!-- /.navbar-collapse -->
  99.   </div><!-- /.container-fluid -->
  100. </nav>
  101.  
  102.  
  103.  
  104.  
  105. <?php
  106.     $file_path =  $_GET['file_name'];
  107.     $lan_type  =  $_GET['lan_type'];
  108.     require '../vendor/autoload.php';
  109.     $ocr = new \TesseractOCR($file_path);
  110.     $string = $ocr ->lang($lan_type) ->run();
  111.  
  112. ?>
  113.  
  114.  
  115. <div class = "image">
  116.    <p>
  117.     <img src=<?php  echo $file_path;?>
  118.          width="440" height="600" />
  119.    </p>
  120. </div>
  121.  
  122. <div class = "retext" style ="width :588px">
  123.   <p>识别结果：</p>
  124.   <textarea class="form-control" rows="25"><?php echo $string; ?></textarea>
  125. </div>
  126.  
  127.  
  128.  
  129.  
  130.  
  131. </body>
  132. </html>





声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小蓝xlanll/article/detail/620090
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号