微信小程序人脸识别功能代码实例微信小程序人脸识别功能代码实例
前几天偶然看见一个人脸识别的小程序demo，觉得很有趣下载下来想玩玩，结果只是一个框架而已用不了的，花了点时间完
善一下
吐槽一下wx.uploadFile这个接口，真是个大坑，最开始调用时候，我以为它和同期的wx.downloadFile一样，只需要填入必须
的参数就可以用，结果还是要配合后台php的
首先，upload这个接口的url和request一样指的是php的路径，而不是download一样文件路径
其次，我在最开始一直没弄懂这个”name”到底应该填什么，上传功能不好用我一直觉得是”name”的原因，官方对于name给的
解释很迷，这里我就给个结论，大家不要纠结这个属性，直接写file就好，图片属性是能用的
最后，人脸识别功能的功能本身是第三方提供的，比如我用的就是阿里云的人脸识别功能，不到一分钱一张图片充值一块钱就
可以玩的很嗨
那么，上代码，我的代码基本就是网上的demo+自己修改
首先是wxml
<view class="container">
<view class="userinfo">
<image class="userinfo-avatar" mode="aspectFit" src="{{tempFilePaths}}" background-size="cover"></image>
<text class="userinfo-tips">{{userInfo.tips}}</text>
</view>
<view class="usermotto">
<button class="button" type="primary" bindtap="chooseimage">{{motto}}</button>
</view>
</view>
然后js代码
var app = getApp()
Page({
data: {
motto: '上传靓照',
userInfo: {},
tempFilePaths: ''
},
chooseimage: function () {
var that = this;
wx.chooseImage({ //选择图片
count: 1,
sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
sourceType: ['album', 'camera'],
success: function (res) {
var tempFilePaths = res.tempFilePaths
that.setData({
tempFilePaths: tempFilePaths[0] })
wx.uploadFile({ //上传图片
url: '', //这里是你php的路径！！
filePath: tempFilePaths[0],
name: 'file',
header: {
'content-type': 'multipart/form-data'
},
success: function (res) {
console.log("add success", res.data);
that.uploadImage(res.data);
wx.showToast({
title: "图片上传成功",
icon: 'success',
duration: 700
})
}
})
}
})
},
//事件处理函数
uploadImage: function(picName) {
var that = this
wx.showToast({
title: '鉴定中，请稍候',
icon: 'loading',
评论0