日常搬砖的时候,项目中在使用element-ui的上传组件,但是当我在文件上传文件之前的回调里面做了些文件格式的二次校验和文件大小的校验的时 然后 return false 会发现调用 文件移除的回调函数。当我看了文档后,官方说在befor-upload 返回 false或者promise的reject方法会拦截上传动作。如下:

vue+element-ui, el-upload组件 文件上传之前return false,会自动调用文件移除回调问题-LMLPHP

 然后试了试,还是会去自动调用文件移除的方法。然后把文件移除方法返回的file打印出看了看,果然有点问题

这个自动调用移除的方法的:

vue+element-ui, el-upload组件 文件上传之前return false,会自动调用文件移除回调问题-LMLPHP

 这是按照我所校验文件格式并点击移除打印的:

vue+element-ui, el-upload组件 文件上传之前return false,会自动调用文件移除回调问题-LMLPHP

 很明显看出来,控制台打印出的不一样。

所有我们就可以在移除文件的方法里做一个判断:

vue+element-ui, el-upload组件 文件上传之前return false,会自动调用文件移除回调问题-LMLPHP

 注意:移除之前和移除之后都要做判断。

该篇博客做个笔记,如有问题,欢迎大佬来讨论

05-28 02:25