使用vant中的Uploader 上传图片

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

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

你可能感兴趣的:(12)