上传身份证照片js_小程序上传身份证图片的实现方法

本文介绍了如何在小程序中实现身份证照片的上传功能,包括选择图片的源(相册或相机),并展示了js和wxml页面的相关代码段,用于获取和展示身份证正反面的临时文件路径。

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

小程序上传身份证图片的实现方法

js页面

Page({

data: {

tempFilePaths: '',

hidden: true, //true

buthidden: false, //false

sourceType: ['album', 'camera']

},

onLoad: function (options) {

try {

var res = wx.getSystemInfoSync()

var platform = res.platform

if (platform == 'ios') {

util.msg("警告", "IOS系统暂不支持拍照,请从相册选择照片")

this.setData({

sourceType: ['album']

})

}

console.log(platform)

} catch (e) { }

},

frontimage: function () {

var _this = this;

var Type = _this.data.sourceType

wx.chooseImage({

count: 1, // 默认9

sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有

sourceType: Type, // 可以指定来源是相册还是相机,默认二者都有

success: function (res) {

// 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片

_this.setData({

FilePaths: res.tempFilePaths

})

}

})

},

reciteimage: function () {

var _this = this;

var Type = _this.data.sourceType

wx.chooseImage({

count: 1, // 默认9

sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有

sourceType: Type, // 可以指定来源是相册还是相机,默认二者都有

success: function (res) {

// 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片

_this.setData({

recitePaths: res.tempFilePaths

})

}

})

},

})

wxml页面

上传中...

身份证正面

身份证背面

下一步

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值