更新记录
1.0.0(2023-12-12) 下载此版本
自用插件
平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.5.5 app-vue | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
Bluechs-upload 身份证正反面上传
组件名:Bluechs-upload 代码块:
Bluechs-upload
属性
- obverseUrl 图片上传地址
- source-type 控制相机和相册(album 从相册选图,camera 使用相机,默认二者都有。如需直接开相机或直接选相册,请只使用一个选项)
- @selectChange 图片上传成功事件
- @del 身份证图片删除事件
- text_info 下方文字
- sim_bg 上传文件背景图片
- count 图片选择数量
使用方法
-
引入
import RboyUploadSfz from "@/components/Bluechs-upload/Bluechs-upload.vue"
-
注册组件
components: { RboyUploadSfz, },
-
应用
<Bluechs-upload :obverseUrl="sim1" @selectChange="sim1_chagne" :text_info="sim1_info" :sim_bg="sim1bg" :count="sim1_count"></Bluechs-upload>
// 表单 sim1: [], sim1_info: '身份证正面', sim1bg: '图片地址', sim1_count: 1, methods: { // 身份证 // 上传 sim1_chagne(e) { this.sim1 = e.tempFilePath console.log(this.sim1) }, }