如何解决Element-ui upload组件上传文件大小的限制问题？

本文共计344个文字，预计阅读时间需要2分钟。

问题+在accept中添加上传文件的类型只能达到表单作用，选择所有文件后，还可以上传任何类型的文件，基本不受限制。解决方案+在before-upload（上传文件之前的钩子）中进行处理。

问题

在accept中添加上传文件的类型只能起到“表面”作用，选择“所有文件”之后，还是可以上传任何类型的文件，根本起不到限制作用。

解决办法

在before-upload（上传文件之前的钩子，参数为上传的文件，若返回 false 或者返回 Promise 且被 reject，则停止上传。）钩子里去做判断。这里有一个坑，当你设置了 :auto-upload="false"的时候， 这个钩子是不会被触发的，因此也可以在on-change中做判断。