使用vant中的Uploader 上传图片

今天接到需求要用vant中的Uploader 上传图片进行手机端的开发,以下是本人对Uploader使用觉得比较重要的一些东西

vant组件网址:https://youzan.github.io/vant/#/zh-CN/intro
如果是直接使用官网提供的代码案例,可以把图片上传的组件中,也可以在onRead(file) 调用的file中拿到你想要的值但是没有回显的效果
在这里插入图片描述
想要做图片替换照相机的效果就要进行如下操作
1,
官网提供的van-uploader里面嵌的是van-icon要把它改为img才会有图片回显,在src处是给这个van-uploader组件一个默认图片
在这里插入图片描述
在这里插入图片描述
2、要在组件提供的onRead方法中作如下操作,红色框框中选中的就是图片回显的步骤
在这里插入图片描述

  • 2
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值