更新记录

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） 下载此版本

功能 上传 预览 删除

平台兼容性

RboyUploadSfz 身份证正反面上传

组件名：Rboy-upload-sfz 代码块： Rboy-upload-sfz

属性

• obverse-url 身份证正面图片地址
• reverse-url 身份证反面图片地址
• source-type 控制相机和相册（album 从相册选图，camera 使用相机，默认二者都有。如需直接开相机或直接选相册，请只使用一个选项）
• @selectChange 身份证图片上传成功事件
• @del 身份证图片删除事件

使用方法

1. 引入

   import RboyUploadSfz from "@/components/Rboy-upload-sfz/Rboy-upload-sfz.vue"

2. 注册组件

   components: {
   RboyUploadSfz,
   },

3. 应用

   <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 = ""
       }
   },
   }