微信小程序,上传身份证图片

小程序上传身份证图片,前端页面

wxml

<view class="ID-mian">
       <view class="card-name">请上传身份证认证</view>
       <view class="card-cont">
         <view class="card-list">
            <image src={
         
  {photos}} id="1" bindtap=touchphoto mode=aspectFit></image>
            <view>身份证正面照</view>
         </view>
         <view class="card-list">
            <image src={
         
  {photos2}} id="2" bindtap=touchphoto mode=aspectFit></image>
            <view>身份证反面照</view>
         </view>
         <view class="card-list">
            <image src={
         
  {photos3}} id="3" bindtap=touchphoto mode=aspectFit></image>
            <view>手持身份证照</view>
         </view>
       </view>
     </view>

js

wxss

.ID-mian{position: relative;display: block;background: #fff;}
.card-name{color: #333;font-size: 26rpx;padding-left: 35rpx;margin-bottom: 35rpx;font-weight: bold}
.card-cont{display:flex;align-items: center;justify-content: space-around;margin-top: 15rpx;}
.card-list{width: 210rpx;text-align: center;margin: auto;position: relative}
.card-list image{width: 160rpx;height: 120rpx;position: relative;display: block;margin: auto;}
.card-list view{text-align: center;margin-top: 10rpx;color: #333;font-size: 25rpx;}

以上就是简单的身份证上传方式,是不是很简单呢

如果对你有帮助,欢迎打赏一下啦,

经验分享 程序员 微信小程序 职场和发展