微信小程序开发：调用百度文字识别API实现图文识别

梦里梦外; 2022-11-17 10:26 922阅读 0赞

1.首先需要开通百度AI图文识别功能  
登录【百度智能云】，创建应用，根据需要开通功能。  
创建完成后，打开应用管理，查看已创建的应用的AppID,API Key,Secret Key。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaW1hOTk3Nw_size_16_color_FFFFFF_t_70]  
2.小程序端的开发  
查看文字识别的API的调用方式，如图：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaW1hOTk3Nw_size_16_color_FFFFFF_t_70 1]

3.知道文字识别API如何调用后，可以通过代码来实现小程序的图文识别  
要实现图文识别，首先要获取百度文字识别API的access\_token，access\_token是一个月更换一次，因此需要及时更新。

// 获取百度access\_token    
getBaiduToken: function()\{  
    var apiKey = '\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*';      
    var secKey = '\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*';      
    var tokenUrl = \`https://aip.baidubce.com/oauth/2.0/token?grant\_type=client\_credentials&client\_id=$\{apiKey\}&client\_secret=$\{secKey\}\`;      
    var that = this;      
    wx.request(\{          
        url: tokenUrl,          
        method: 'POST',          
        dataType: 'json',          
        header:\{              
            'content-type': 'application/json; charset-UTF-8'          
        \},          
        success: function(res)\{              
            console.log("\[BaiduToken获取成功\]",res);              
            that.setData(\{                  
                baiduToken: res.data.access\_token                            \})          
        \},          
        fail: function(res)\{              
            console.log("\[BaiduToken获取失败\]",res);  
        \}      
    \})    
\},   
接下来，需要实现的是图文识别API的调用函数。

// 百度ORC接口调用    
scanImageInfo: function(imageData)\{    // 这里的imageData是图片转换成base64格式的数据  
    var that = this;  
    const detectUrl = \`https://aip.baidubce.com/rest/2.0/ocr/v1/general\_basic?access\_token=$\{that.data.baiduToken\}\`    // baiduToken是已经获取的access\_Token  
    // console.log('123',detectUrl)   
      return new Promise(function(resolve,reject)\{          
        wx.request(\{              
            url: detectUrl,              
            data: \{                  
                image: imageData              
            \},              
            method: 'POST',              
            dataType: 'json',              
            header:\{                  
                'content-type': 'application/x-www-form-urlencoded'    // 必须的          
            \},              
            success: function(res, resolve)\{                
                console.log('get word success：',res.data);                
                var word = res.data.words\_result\[0\].words                    
                console.log(word);              
            \},              
            fail : function(res,reject)\{                
                console.log('get word fail：',res.data);                       \},

\})  
    \})   
\}   
最后，实现文件上传函数。

// 上传图片    
doUpload: function () \{  
    var that = this      
    that.getBaiduToken()    // 提前获取access\_Token  
    // 选择图片，拍照或从相册中获取  
    wx.chooseImage(\{        
        count: 1,        
        sizeType: \['compressed'\],        
        sourceType: \['album', 'camera'\],        
        success: function (res) \{  
            wx.showLoading(\{            
                title: '上传中',          
            \})  
                const filePath = res.tempFilePaths\[0\]                  
                // 上传图片          
                wx.getFileSystemManager().readFile(\{            
                    filePath: filePath,            
                    encoding: 'base64',            
                    success: function(res) \{              
                        console.log("\[读取图片数据success\]",res.data);              
                        that.scanImageInfo(res.data);    // 调用百度API解析图片获取文字        
                    \},              
                    fail: function(res)\{              
                        console.log("\[读取图片数据fail\]",res)            
                    \},              
                    complete: function(res)\{              
                        wx.hideLoading()            
                    \}      
            \})  
        \}      
    \})    
\},   
最后，代码执行效果如下：

返回的是一个json字符串，word\_result就是返回的文字json数组。  
————————————————  
版权声明：本文为CSDN博主「稚于最初chu」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。  
原文链接：https://blog.csdn.net/weima9977/article/details/104434677

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaW1hOTk3Nw_size_16_color_FFFFFF_t_70]: /images/20221022/bc7fdff1e37b4928bc4b6451e45b4e9c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaW1hOTk3Nw_size_16_color_FFFFFF_t_70 1]: /images/20221022/f3283d4ee7d74446b65e1efbc5923cb8.png