图片上传之webuploader和qiniuUploader

最新推荐文章于 2023-07-15 16:08:06 发布

Dolores_me

最新推荐文章于 2023-07-15 16:08:06 发布

阅读量1.8k

点赞数

本文链接：https://blog.csdn.net/Dolores_me/article/details/93024203

版权

本文介绍了身份证上传的过程，包括手持、正反面的单独上传，使用了WebUploader组件进行图片上传，并展示了上传后的图片展示效果。

摘要由CSDN通过智能技术生成

1、身份证上传（包括手持、正反面，即不同的上传按钮，单次上传一张图片）
jade上传文件部分代码

.form-group.required.identify
   label(for="identityPhotos") 证件照片：
    .img-btn-wrap
        .img-btn.img-btn1
            img(src="./img/review/review_img1.png", alt="")
            .add-btn#add-btn0
                .add
                span 手持证件照
        .img-btn.img-btn2
            img(src="./img/review/review_img2.png", alt="")
            .add-btn#add-btn1
                .add
                span 身份证正面
        .img-btn.img-btn2.img-btn3
            img(src="./img/review/review_img3.png", alt="")
            .add-btn#add-btn2
                .add
                span 身份证背面
    .error-msg.warning.hide.img-error 请上传证件照片

jade文件html显示样式：
在这里插入图片描述
上传图