vue vant-upload多选上传图片

最新推荐文章于 2024-07-20 16:46:53 发布

你有礼貌吗

最新推荐文章于 2024-07-20 16:46:53 发布

阅读量4.6k

点赞数 5

分类专栏： vant vant-upload vue 文章标签： vue.js 移动开发

本文链接：https://blog.csdn.net/weixin_44343557/article/details/119611028

版权

vue vant-upload多选上传图片心得

在这里插入图片描述

首先从官方文档中可以看到开启多选上传需要 multiple 不写这个肯定是无法多选的。在上传限制中需要的方法，因为本次做的图片的多张上传，所以需要用到accept方法限制

accept=".png, .jpg, .jpeg"

各位可以根据自身需求去限制哈。

上传图片肯定要限制图片大小，不然用户上传个几十几百MB的图片那不就炸了…因此可以用到max-size方法限制，具体方法如下

:max-size="2000 * 1024"  // 文档 100代表100kb

我做的限制最大是2MB，有了限制肯定需要提示对吧，没关系 oversize 方法可以做到

@oversize="onOversize"   // 方法命名
onOversize(file) {
     // 官方方法有很多回调  这里暂时用不到 大家可以去测试
		this<

关注