更新记录
1.0.2(2022-08-12) 下载此版本
修改 sourceType 默认值
1.0.1(2022-03-24) 下载此版本
新增 source-type 属性 作用控制 相机 和相册 (album 从相册选图,camera 使用相机,默认二者都有。如需直接开相机或直接选相册,请只使用一个选项) 类型 Array 默认 ['album', 'camera']
1.0.0(2022-02-18) 下载此版本
功能 上传 预览 删除
查看更多平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | - | - | - | √ | - | √ | √ |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
× | × | √ |
RboyUploadSfz 身份证正反面上传
组件名:Rboy-upload-sfz 代码块:
Rboy-upload-sfz
属性
- obverse-url 身份证正面图片地址
- reverse-url 身份证反面图片地址
- source-type 控制相机和相册(album 从相册选图,camera 使用相机,默认二者都有。如需直接开相机或直接选相册,请只使用一个选项)
- @selectChange 身份证图片上传成功事件
- @del 身份证图片删除事件
使用方法
-
引入
import RboyUploadSfz from "@/components/Rboy-upload-sfz/Rboy-upload-sfz.vue"
-
注册组件
components: { RboyUploadSfz, },
-
应用
<Rboy-upload-sfz :obverse-url="formData.obverseUrl" :reverse-url="formData.reverseUrl" @selectChange="sfz_chagne" @del="del_btn"></Rboy-upload-sfz>
// 表单 formData: { // 正面 obverseUrl: "", // 反面 reverseUrl: "", }, methods: { // 身份证 // 上传 sfz_chagne(e) { if (e.name == "obverse") { this.formData.obverseUrl = e.tempFilePath } else if (e.name == "reverse") { this.formData.reverseUrl = e.tempFilePath } }, // 删除 del_btn(e) { if (e.name == "obverse") { this.formData.obverseUrl = "" } else if (e.name == "reverse") { this.formData.reverseUrl = "" } }, }