内容简介
1.拍摄/相册将身份证照片上传到接口进行图片解析
2.使用live-pusher组件拍摄人脸照片,上传接口与身份证人脸进行比对
功能实现
上传身份证
先看下效果
![]() |
![]() |
---|
点击按钮调用chooseImageAPI进行图片的上传
// 上传按钮的loading以及disabled状态,避免多次上传
const loading = ref(false)
// 上传按钮事件
const chooseIdCard = () => {
uni.chooseImage({
success: (tempFiles) => {
// 获取到当前图片路径并调用上传方法
uploadIdCard(tempFiles.tempFilePaths[0])
}
})
}
// 身份证图片上传
const uploadIdCard = async (stream: (ArrayBuffer | string)) => {
loading.value = true
uni.uploadFile({
url: '/cardInfo/uploads', // 你的上传接口地址
filePath: stream, // 选中的图片
name: 'file', // 与后端协定的key
success: ({
data, statusCode }) => {
if(statusCode == 200){
// 这里需要注意下,接口返回的事string,需要解析后才可正常使用
const result = JSON.parse(data)
if(result.code == 200 || result.success == true){
// 这里写上传成功的逻辑
// 我要将数据存在store中 给后面的页面使用
loading.value = false
const memberStore &#