element上传限制文件类型,el-upload上传文件大小限制

　　本文主要介绍Element-ui上传中上传文件受限的解决方案。通过示例代码进行了非常详细的介绍，对于大家的学习或者工作都有一定的参考价值。有需要的朋友就跟着下面的边肖学习吧。

问题

　　在accept中添加上传文件的类型，只能起到“表面”的作用。选择“所有文件”后，仍然可以上传任何类型的文件，完全没有限制。

解决办法

　　hook before-upload(参数是上传的文件；如果false或Promise被返回并拒绝，上传将被停止。)在钩子中做出判断。这里是一个坑。当你设置：auto-upload=false 时，这个钩子不会被触发，所以你也可以在on-change中做一个判断。

　　上部代码

　　//:上传前或：更改时绑定方法

　　上传前(文件，文件列表){

　　if(file . size/(1024 * 1024)500){//限制文件大小

　　这个。$message.warning(`当前受限文件大小不能大于500M

　　返回false

　　}

　　let suffix=this . Get filetype(file . name)//获取文件后缀。

　　Let后缀Array=[jpg ， png ， jpeg ， gif ]//限制文件类型，自己根据情况定义。

　　if(suffix array . index of(suffix)===-1){

　　这个。$message({

　　消息：“文件格式错误”，

　　类型：“错误”，

　　持续时间：2000年

　　})

　　}

　　返回后缀数组

　　},

　　getFileType(name) {

　　let startIndex=name.lastIndexOf( . )

　　如果(startIndex！==-1) {

　　返回name.slice(startIndex 1)。toLowerCase()

　　}否则{

　　返回“”

　　}

　　}

　　关于Element-ui上传的上传文件限制的解决方案这篇文章到此为止。有关要素上传的上传限制的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。