vant 使用上传表单组件(调用手机摄像头拍照)

论坛 期权论坛 期权     
选择匿名的用户   2021-5-28 14:02   8057   0

在vant组件的成功引入的前提下,写入以下内容

<van-uploader :after-read="afterRead" :max-size="4 * 1024 * 1024" @oversize="onOversize" capture="camera" class="uploader">
 <!-- <span>点击调用摄像头进行拍摄</span> -->
</van-uploader>

属性解释

after-read:是文件读取完成后的回调函数 ,文件读取完毕后,在这个方法里面进行操作。

max-size :是判断图片大小的 这里的值自己设置 4*1024*1024 表示的是4M。这里表示为图片最大为4M 超过大小的文件会被自动过滤

@oversize="onOversize" : 获取文件信息,可以在这个方法里面提示图片超过大小。

capture="camera" :图片选取模式,可选值为camera(值为camera直接调起摄像头,否则用户可选拍照或者上传图片)

有朋友提示说,ios可以正常调用摄像头,安卓手机不可以。

可以试一下 accept="image/*" 或者直接不写accept属性。

2021 01 13添加

根据提问添加内容:

如果你不想之间调用摄像头,想在相册中选中,那么在代码中去掉 capture="camera" 。

注: capture="camera" :图片选取模式,可选值为camera(值为camera直接调起摄像头,否则用户可选拍照或者上传图片)

有时候调用摄像头没有反应,请尝试把 capture="camera" accept="image/*" 放在最后的位置。

类似于 :

<van-uploader  属性1 属性2 属性N  capture="camera"; accept="image "/>

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP