欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Element-ui upload上传文件限制的解决方法

程序员文章站 2024-01-29 20:44:34
问题在accept中添加上传文件的类型只能起到“表面”作用,选择“所有文件”之后,还是可以上传任何类型的文件,根本起不到限制作用。解决办法在before-upload(上传文件之前的钩子,参数为上传的...

问题

Element-ui upload上传文件限制的解决方法

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

解决办法

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

上代码

到此这篇关于element-ui upload上传文件限制的解决方法的文章就介绍到这了,更多相关element upload上传限制内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!