本文探讨了在使用beforeUpload钩子函数限制文件上传数量时遇到的多个错误提示问题。当上传文件超过最大限制（如10个）时，会出现多个错误消息。为了解决这个问题，建议在data函数中定义一个变量limitMessage并设置默认值为true。通过控制这个变量的状态，可以确保只显示一条错误信息，从而优化用户体验。
问题如下：
- 使用beforeUpload钩子函数限制文件上传数量
- 上传文件达到上限时会有多个错误提示
限制文件上传数量
beforeUpload
上传文件之前的钩子，参数为上传的文件，若返回 false 则停止上传。支持返回一个 Promise 对象，Promise 对象 reject 时则停止上传，resolve 时开始上传（ resolve 传入 File 或 Blob 对象则上传 resolve 传入对象）。注意：IE9 不支持该方法。
类型
(file, fileList) => boolean | Promise
该做法看似没有任何问题，也能够成功限制文件的上传数量，别着急程序时不会这么容易放过你的。虽然已经满足限制上传数量的问题，但同时也会出现多个错误提示的问题，那么接下来我们就一起看下一个问题多个错误提示问题
多个错误提示
最大上传数量为10个，目前是上传了11个文件会出现多个错误提示
解决方案
- data函数中定义变量limitMessage默认值为true 「变量名称」「默认值」自定义具体参考以下代码：
ok完美解决～
扫一扫
2060
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
