element 限制文件上传类型

最新推荐文章于 2024-07-30 16:38:47 发布

qq_48354174

最新推荐文章于 2024-07-30 16:38:47 发布

阅读量197

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/qq_48354174/article/details/129876803

版权

<el-upload
  accept=".jpg,.png,.jpeg"  
  class="editor-avatar-uploader"
  :action="serverUrl"
  name="file"
  :headers="header"
  :show-file-list="false"
  list-type="picture"
  :multiple="false"
  :on-success="uploadSuccess"
  :on-error="uploadError"
  :before-upload="beforeUpload">
</el-upload>

beforeUpload(file) {
  const fileSuffix = file.name.substring(file.name.lastIndexOf(".") + 1);
  const whiteList = ["jpg","png","jpeg"];
  if (whiteList.indexOf(fileSuffix) === -1) {
    this.message({message:"上传文件只能是 jpg,png格式", type: 'warning'});
    return false;
  }
},