微信小程序实现腾讯云接口 图象识别

微信小程序实现腾讯云接口 图象识别

注:操作环境:springboot+微信小程序

1.导入maven 腾讯云图象识别接口 jar包
<!--      腾讯云文字识别接口-->
        <dependency>
            <groupId>com.tencentcloudapi</groupId>
            <artifactId>tencentcloud-sdk-java</artifactId>
            <!-- go to https://search.maven.org/search?q=tencentcloud-sdk-java and get the latest version. -->
            <!-- 请到https://search.maven.org/search?q=tencentcloud-sdk-java查询所有版本,最新版本如下 -->
            <version>3.1.390</version>
        </dependency>
2.实现springboot端功能

三个需要注意的参数:
secretId, String secretKey 去腾讯云开一个图像识别的功能 基本上 1元
上传图片路径 :req.setImageUrl(url) ,url为网络地址,本地地址不可以

常见错误:图片上传错误

/**
*使用时需要注意三个参数:secretId, String secretKey ,上传图片路径
*/
 @RequestMapping(("/bigORC"))
    public @ResponseBody String big_ORC(@RequestParam(value = "imageName",required = false) String imageName) {
        System.out.println("看看你传过来的到底是什么名字"+imageName);
        imageName=imageName.replace("wxfile://","");
        String fileContent="";
            try{
                // 实例化一个认证对象,入参需要传入腾讯云账户secretId,secretKey,此处还需注意密钥对的保密
                // 密钥可前往https://console.cloud.tencent.com/cam/capi网站进行获取
                Credential cred = new Credential("去腾讯云注册这个东东", "去腾讯云注册这个东东");
                // 实例化一个http选项,可选的,没有特殊需求可以跳过
                HttpProfile httpProfile = new HttpProfile();
                httpProfile.setEndpoint("ocr.tencentcloudapi.com");
                // 实例化一个client选项,可选的,没有特殊需求可以跳过
                ClientProfile clientProfile = new ClientProfile();
                clientProfile.setHttpProfile(httpProfile);
                // 实例化要请求产品的client对象,clientProfile是可选的
                OcrClient client = new OcrClient(cred,  "ap-shanghai", clientProfile);
                // 实例化一个请求对象,每个接口都会对应一个request对象
                GeneralAccurateOCRRequest req = new GeneralAccurateOCRRequest();
                //这个路径一般要远程服务器端路径,本地路径我没有成功,可能是方法不对
                req.setImageUrl("图片远程地址(本地电脑地址本人没有成功过)");
                // 返回的resp是一个GeneralAccurateOCRResponse的实例,与请求对象对应
                GeneralAccurateOCRResponse resp = client.GeneralAccurateOCR(req);
                // 输出json格式的字符串回包
                // 输出json格式的字符串回包
                TextDetection[] text=resp.getTextDetections();
                for(int i=0;i< text.length;i++){
                    System.out.println(text[i].getDetectedText());
                    fileContent=fileContent+text[i].getDetectedText()+"\n";
                }
            } catch (TencentCloudSDKException e) {
                System.out.println(e.toString());
            }

		//返回的内容为识别出的字符串
        return fileContent;
    }
3.微信小程序 js 代码

只需要一个button绑定 big_ORC 函数,就可以了。

 data: {
    textvalue:""
  },
  big_ORC:function (params) {
    var that=this;
    wx.request({
      url: "自己的ip地址 端口号 文件名字",
      type: 'POST',
      header: {
        'content-type': 'application/json' // 默认值
        },
      timeout: 15000,
      success:function(params2) {
        //console.log("success_params2->"+params2.data)
        that.setData({
        	//这里的params.data 就是springboot 端返回来识别的字符串
          textvalue:params2.data
        })
      },
      fail:function(params) {
        //console.log("fail_params->"+params)
        that.setData({
          textvalue:"转换文字失败"
        })
      }
    })
  },
4.微信小程序 查看效果。

如果本文对你有帮助,那也请你扫下码,支持下小编。
在这里插入图片描述

  • 1
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现微信小程序中的百度云图片识别,你需要完成以下步骤: 1. 在百度AI开放平台申请一个账号,并创建一个图片识别应用。 2. 在微信小程序中引入百度AI的JavaScript SDK。 3. 在小程序页面中编写相应的代码,调用百度AI的图片识别API实现图片识别的功能。例如,你可以在小程序的某个页面上添加一个按钮,当用户点击按钮后,可以让用户上传一张图片,然后通过百度AI的图片识别API进行识别,并将结果显示在页面上。 下面是一个简单的实现图片识别的代码示例: 1. 在小程序的页面中引入百度AI的JavaScript SDK: ``` import BaiduAI from 'baiduai.js'; const baiduAI = new BaiduAI({ appId: 'your_app_id', apiKey: 'your_api_key', secretKey: 'your_secret_key' }); ``` 2. 在按钮的点击事件中,调用百度AI的图片识别API实现图片识别: ``` onImageUpload: function() { wx.chooseImage({ success: function(res) { wx.showLoading({ title: '正在上传图片...', }) wx.uploadFile({ url: 'https://your_api_service_url', filePath: res.tempFilePaths[0], name: 'image', success: function(res) { const result = JSON.parse(res.data).result; baiduAI.imageClassify(result.image, result.imageType).then((res) => { wx.hideLoading(); wx.showToast({ title: '识别成功!', }) console.log(res); }).catch((err) => { wx.hideLoading(); wx.showToast({ title: '识别失败!', icon: 'none' }) console.log(err); }); } }) } }) } ``` 在这个示例中,我们首先使用微信的chooseImage API让用户选择一张图片,然后使用微信的uploadFile API将图片上传到自己的API服务中。在API服务中,我们调用百度AI的图片识别API,获取识别结果。最后,我们将识别结果显示在页面上。 需要注意的是,在使用百度AI的API时,需要传入正确的参数和密钥,以确保API能够正常工作。同时,需要注意百度AI的API调用次数和频率限制,不要超过限制。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值