首页 > 专利技术

uniapp实现身份证实名认证(获取身份证信息)

证件识别uniapp实现⾝份证实名认证（获取⾝份证信息）

image.png

<view>

<text class="text-xl text-bold text-blue text-shadow">请拍摄并上传您的⾝份证照⽚</text>

<text class="text-ABC text-blue">Driving license</text>

</view>

<view >

</view>

</view>

</view>

<text class="text-xl text-bold text-blue text-shadow">识别内容核对</text>

<text class="text-ABC text-blue">distinguish</text>

</view>

<view>

<text>{{names}}</text>

</view>

<view>

</view>

<view>

</view>

<view>

<text>{{nationality}}</text>

</view>

<view>

<text>{{address}}</text>

</view>

<view>

<text>{{IdNumbers}}</text>

</view>

<text class="text-xl text-bold text-blue text-shadow">拍摄要求须知</text>

<text class="text-ABC text-blue">requirement</text>

</view>

<view>

<text class="text-gray">请上传⼤陆公民持有的本⼈有效⾝份证；</text>

</view>

<view>

<text class="text-gray">拍摄时确保⾝份证</text>

</view>

</view>

<view class="submitBtn" @click="getIDCards()">提交认证信息</view>

</view>

</template>

var that;

const card = quireNativePlugin('DC-CardRecognize');

export default {

data() {

return {

list: [

'隐私说明：请按要求上传真实的证件照⽚，您所上传的⾏驶证仅⽤于平台账户绑定，请放⼼上传' ],

// ../static/me/zjx_me_bg6.jpg

imgUrl1: '',

imgUrl2: '',

info: "",

title: 'input',

focus: false,

// 姓名

name: "",

names: "",

// 民族

nationality: "",

// 地址

address: "",

// ⾝份证号码

IdNumbers: "",

IdNumber: "",

date: "",

sex: "",

src: "",

httpUrl: "aip.baidubce/rest/2.0/ocr/v1/general?access_token=",

imageBase64Str: "",

access_token: "",

APIKey: "",// 你的APIKey

SecretKey: ""// 你的SecretKey

}

watch: {

onReady() {

// 获取屏幕⾼度

success: res => {

console.log(res.windowHeight)

}

});

onLoad() {

that = this;

/token验证

mounted() {

methods: {

getAccess_token() {

var that = this

var accessToken = that.cache("accessToken", null, null);

console.log(accessToken)

if (!accessToken) {

method: 'POST',

header: {

'Content-Type': 'application/x-www-form-urlencoded'

url: "aip.baidubce/oauth/2.0/token",

data: {

grant_type: "client_credentials",

client_id: that.APIKey,

client_secret: that.SecretKey

success: function(res) {

console.log(res.data.access_token);

//uni.setStorageSync("Baidu",res.data);

that.access_token = res.data.access_token;

that.cache("accessToken", res.data.access_token, null);

}

})

} else {

that.access_token = accessToken;

}

//缓存，默认有效期28天

cache: function(key, value, seconds) {

var timestamp = Date.parse(new Date()) / 1000

console.log(timestamp + "===" + key)

if (key && value === null) {

//删除缓存

//获取缓存

var val = StorageSync(key);

var tmp = val.split("|")

if (!tmp[1] || timestamp >= tmp[1]) {

console.log("key已失效")

return ""

} else {

console.log("key未失效")

return tmp[0]

}

} else if (key && value) {

//设置缓存

if (!seconds) {

var expire = timestamp + (3600 * 24 * 28)

} else {

var expire = timestamp + seconds

}

value = value + "|" + expire

uni.setStorageSync(key, value);

} else {

console.log("key不能空")

}

getIDCards() {

if (flag) {

console.log("==")

//百度名⽚识别接⼝处理开始

uni.showLoading({

mask: true,

title: "识别中，请等待"

});

url: "aip.baidubce/rest/2.0/ocr/v1/idcard?access_token=" + that.access_token, method: 'POST',

header: {

'Content-Type': 'application/x-www-form-urlencoded'

data: {

image: that.imageBase64Str,

id_card_side: "front"

success: function(res) {

console.log(res);

var IdCard = res.data.words_result.公民⾝份号码.words;

that.IdNumbers = IdCard

var userName = res.data.words_result.姓名.words;

that.names = userName

that.nationality = res.data.words_result.民族.words;

var address = res.data.words_result.住址.words;

that.address = address

var sex = res.data.words_result.性别.words;

that.sex = sex

var date = res.data.words_result.出⽣.words;

that.date = date

complete() {

uni.hideLoading();

}

})

}

scan() {

var me = this;

uni.chooseImage({

count: 1,

sizeType: ['compressed'],

sourceType: ['album', 'camera'],

success: function(res) {

var tempFilePath = pFilePaths[0];

pFile, function(entry) { entry.file(function(file) {

var fileReader = new plus.io.FileReader();

//console.log("=="+sult);

that.imageBase64Str = sult.split(",")[1];

that.src = sult;

}

})

}

})

}

</script>

.container {

height: 100%;

}

.uploadBox {

padding: 15rpx 20rpx 40rpx;

background-color: #FFFFFF;

display: flex;

justify-content: center;

// justify-content: space-between;

.leftBtn {

width: 100%;

height: 75rpx;

line-height: 75rpx;

background-color: #007aec;

border-radius: 0 0 12rpx 12rpx;

}

uploadItem {

width: 100%;

height: 320rpx;

background-color: #f1f7ff;

border-radius: 15rpx;

padding: 30rpx;

position: relative;

本文发布于:2024-09-25 05:31:48，感谢您对本站的认可！

本文链接：https://www.17tex.com/tex/3/383698.html

上一篇：电子身份识别技术在智能化排队系统中的实际运用(一)

下一篇：基于深度学习的光学字符识别技术的研究与应用

标签：识别上传缓存

留言与评论（共有 0 条评论）