elementui上传组件时，想要传递其他参数

最新推荐文章于 2024-12-05 09:28:53 发布

LLL_LH

最新推荐文章于 2024-12-05 09:28:53 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： element-ui

本文链接：https://blog.youkuaiyun.com/LLL_liuhui/article/details/106274458

element-ui 专栏收录该内容

12 篇文章

订阅专栏

本文深入探讨了Element UI中文件上传组件的使用方法及自定义功能，包括如何设置上传前的验证规则、如何处理上传成功后的响应等，是前端开发者不可多得的实战指南。

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

<el-upload :action="docUrl"
      :show-file-list="false"
      :before-upload="(file)=>beforeFileUpload(file,id)"
       :on-success="handleDocSuccess">
           <el-button size="small"  type="primary" @click="n = index;">点击上传</el-button>
 </el-upload>

beforeFileUpload (file, id) {
      console.log(file)
        // 获取上传文件的后缀名
      let extname = file.name.substring(file.name.lastIndexOf('.') + 1);
      console.log(extname)
      console.log(id)

      const isLt2M = file.size / 1024 / 1024 < 50
      if (!isLt2M) {
        this.$message.error('上传文件大小不能超过 50MB!')
        return false
      }
      return true
    },