uniapp简单的身份证照片（正反面）上传

甜岛和星

于 2021-04-07 16:24:29 发布

阅读量7.5k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_48196628/article/details/115488530

该博客介绍了如何使用uniapp进行身份证正反面图片的上传，并提到了可以通过阿里云的身份证验证服务来确保上传的图片是有效的身份证。文中还分享了包含wxml、js、css和util.js等相关代码文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这是没有进行身份证照片验证的如果要判断上传的图片是否为身份证可以参考阿里云的
阿里云身份证验证超链接
最后放上了上传身份证图片的人像框和国徽框
引入的js文件在图片后面
wxml

<template>
	<view class="ID-mian">
		<h3>身份证正面(上传)</h3>
		<view class="card-zheng">
			<view class="zheng_left" v-show="isShow">
				<image src="../../static/zheng.png" mode="" @tap='touchphoto1'></image>
			</view>
			<view class="zheng_right" v-show="!isShow">
				<image :src="V_TPID"></image>
			</view>
		</view>
		<h3>身份证反面(上传)</h3>
		<view class="card-fan">
			<view class="fan_left" v-show="isShow1">
				<image src="../../static/fan.png" mode="" @tap='touchphoto2'></image>
			</view>
			<view class="fan_right" v-show="!isShow1">
				<image :src="V_TPID1"></image>
			</view>
		</view>
		<view style="display: flex;align-items: center;margin-top: 10px;">
			<button style="width: 100%;height:40px;
			             line-height: 40px; color:white;
			             background-color: #39B54A;
						 font-size: 14px;"
						 @click="back">
						 确认上传
			</button>
		</view>
	</view>
</template>