问题如下:
- 使用beforeUpload钩子函数限制文件上传数量
- 上传文件达到上限时会有多个错误提示
限制文件上传数量
beforeUpload
上传文件之前的钩子,参数为上传的文件,若返回 false 则停止上传。支持返回一个 Promise 对象,Promise 对象 reject 时则停止上传,resolve 时开始上传( resolve 传入 File 或 Blob 对象则上传 resolve 传入对象)。注意:IE9 不支持该方法。
类型
(file, fileList) => boolean | Promise
该做法看似没有任何问题,也能够成功限制文件的上传数量,别着急程序时不会这么容易放过你的。虽然已经满足限制上传数量的问题,但同时也会出现多个错误提示的问题,那么接下来我们就一起看下一个问题多个错误提示问题
多个错误提示
最大上传数量为10个,目前是上传了11个文件会出现多个错误提示
解决方案
- data函数中定义变量limitMessage默认值为true 「变量名称」「默认值」自定义具体参考以下代码:
ok完美解决~