微信小程序：OCR手写文字识别/动物识别/车型识别 示例源码(含服务端)

【实例截图】

【核心代码】

// pages/ocr/ocr.js
var ocrtext="";
var bank_card_number;
var bank_card_type;
var bank_name;
Page({

  /**
   * 页面的初始数据
   */
  data: {
    array: ['通用OCR', '通用OCR（含位置信息版）', '通用OCR（含生僻字版）', '通用OCR（高精度版）', '通用OCR（含位置高精度版）', '身份证OCR（正面）', '身份证OCR（背面）', '银行卡OCR', '驾驶证OCR', '行驶证OCR', '网图OCR', '营业执照OCR', '车牌OCR', '彩票OCR', '公式OCR', '通用票据OCR', '表格OCR（提交）', '表格OCR（获取）', '手写字体识别'],
    index: 0,
    ocrtexts:"",
    bank_card_numbers:"",
    bank_card_types:"",
    bank_names:"",
    info:"点击查看识别内容"
  },
  bindPickerChange:function(e){
    this.setData({
      index: e.detail.value,
      ocrtexts: "",
      bank_card_numbers: "",
      bank_card_types: "",
      bank_names: ""
    })
    console.log('picker发送选择改变，携带值为', e.detail.value);
    var ocrindex = e.detail.value;
    console.info(ocrindex);
    if (ocrindex != '0' && ocrindex != '7' && ocrindex != '18') {
      wx.showModal({
        title: '温馨提示',
        showCancel: false,
        content: '目前只有通用OCR,银行卡识别,手写字体识别可用 ',
        success: function (res) {
          this.setData({
            ocrindex:'0',
          })
        },
        fail: function (res) {
          this.setData({
            ocrindex:'0',
          })
        }
      })
    } 
  },
  clear:function(){
    var that = this;
    console.info(that);
    this.setData({
      ocrtexts: "",
      bank_card_numbers: "",
      bank_card_types: "",
      bank_names: ""
    })  
  },
  uploads: function () {
    var that = this;
    console.info(that);
    var ocrindex = that.data.index;
    console.info(ocrindex);
    if (ocrindex != '7' && ocrindex != '0' && ocrindex != '18') {
      wx.showModal({
        title: '友情提示',
        showCancel:false,
        content: '目前只有通用OCR,银行卡识别,手写字体识别可用 ',
        success:function(res){
          that.setData({
            ocrindex: 0,
          })
        },
        fail:function(res){
          that.setData({
            ocrindex: 0,
          })
        }
      })
    }else{
      console.info(ocrindex);
    wx.chooseImage({
      count: 1, // 默认9
      sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
      sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
      success: function (res) {
        // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
        //console.log( res )
        that.setData({
          img: res.tempFilePaths[0],
          ocrtexts: "",
          bank_card_numbers: "",
          bank_card_types: "",
          bank_names: ""
        })
        wx.showLoading({
          title: "努力识别中..."
        }),
        wx.uploadFile({
          url: 'https://www.xsshome.cn/xcx/uploadBOCR',
          filePath: res.tempFilePaths[0],
          header: {
            'content-type': 'multipart/form-data'
          },
          name: 'file',
          formData: {
            'user': 'test',
            'ocrtype': ocrindex
          },
          success: function (res) {
            wx.hideLoading();
            console.info(res);
            var data = res.data;
            var str = JSON.parse(data);
            if(ocrindex=='7'){
              that.setData({
                  ocrtexts: "",
                  bank_card_numbers: "卡号："   " "   str.bank_card_number,
                  bank_card_types: "卡类型:"   " "   str.bank_card_type,
                  bank_names: "银行名:"   " "   str.bank_name
                })
            }else if(ocrindex=='18'){
              that.setData({
                bank_card_numbers: "",
                bank_card_types: "",
                bank_names: "",
                ocrtexts: "识别的内容："   " "   str.words
              })
            }else{
              that.setData({
                bank_card_numbers: "",
                bank_card_types: "",
                bank_names: "",
                ocrtexts: "识别的内容："   " "   str.words
              })
            }
          },
          fail: function (res) {
            wx.hideLoading();
            console.log(res);
            that.setData({
              names: '小程序离家出走了稍后再试',
            })
          }
        })
      }
    })
    }
  },
  onShareAppMessage: function () {
    return {
      title: 'OCR识别',
      path: '/pages/ocr/ocr',
      imageUrl:'https://www.xsshome.cn/timg.jpg',
      success: function (res) {
        if (res.errMsg == 'shareAppMessage:ok') {
          wx.showToast({
            title: '分享成功',
            icon: 'success',
            duration: 500
          });
        }
      },
      fail: function (res) {
        if (res.errMsg == 'shareAppMessage:fail cancel') {
          wx.showToast({
            title: '分享取消',
            icon: 'loading',
            duration: 500
          })
        }
      }
    }
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
  
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
  
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
  
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
  
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
  
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
  
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
  
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
  
  }
})