MUI框架-11-MUI前端 +php后台接入百度文字识别API

 

  • 这里后台不止一种,Python,Java,PHP,Node,C++,C# 都可以
  • 这里使用的是 php 来介绍,已经解决所有问题,因为处理很多错误,可能会比较复杂,请大家坚持按步骤来,
  • 大概流程就是:前端发送 Ajax 请求,php 后台实现文字识别,并将识别后的文字返回到前端页面
  • 先放上效果图:
    array( "image" => $img ); $res = request_post($url, $bodys); echo $res; //var_dump($res); ?>
    • 然后我们就可以写前端页面了,打开 index.html,粘贴下面代码:
    • 替换自己 test.php 文件在 web 浏览器的路径,然后把本机127.0.0.1替换成 ipv4地址,cmd 输入ipv4查看 截图:
      在这里插入图片描述
    • index.html 文件代码
    <!DOCTYPE html> <html>      <head>         <meta charset="utf-8">         <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />         <title></title>         <script src="js/mui.min.js"></script>         <link href="css/mui.min.css" rel="stylesheet" />         <script type="text/javascript" charset="utf-8">             mui.init();         </script>     </head>      <body>         <header class="mui-bar mui-bar-nav">             <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>             <h1 class="mui-title">百度文字识别</h1>         </header>         <div class="mui-content">             <br>             <button id="queren" type="button" style="background-color: brown;color: #eeeeee;">发送请求</button>             <!--空的h2 用来存放返回的数据-->             <hr>             <p id="res" style="font-size: larger;"> </p>         </div>                            <!--处理请求-->         <script type="text/javascript">             var upload = <
                        
50000+
5万行代码练就真实本领
17年
创办于2008年老牌培训机构
1000+
合作企业
98%
就业率

联系我们

电话咨询

0532-85025005

扫码添加微信