Element-ui上传文件大小和类型限制

最新推荐文章于 2024-07-25 19:11:26 发布

__L__K__

最新推荐文章于 2024-07-25 19:11:26 发布

阅读量1.7k

点赞数 1

文章标签： vue

本文链接：https://blog.csdn.net/konglingna2016/article/details/117713009

版权

本文介绍如何在Vue.js的el-upload组件中实现文件上传前的验证，包括限制文件大小不超过200MB及仅允许上传.zip和.rar格式的文件。通过`before-upload`钩子函数进行判断，当文件大小超标或格式不符时，显示错误或警告信息并阻止上传。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

el-upload组件中

:before-upload="beforeUpload"

methods中

beforeUpload(file) {
  if (file.size / 1024 / 1024 > 200) {
    this.$message({
      message: '上传文件大小不能超过 200MB!',
      type: 'error'
    })
    return false
  }
  // 获取文件类型
  var test = file.name.substring(file.name.lastIndexOf('.') + 1)
  if (test !== 'zip' && test !== 'rar') {
    this.$message({
      message: '上传文件只能是 zip、rar格式!',
      type: 'warning'
    })
    return false
  }
},