element-ui 判断文件大小，文件大小不能超过2M

最新推荐文章于 2024-08-13 00:11:49 发布

红孩儿2011

最新推荐文章于 2024-08-13 00:11:49 发布

阅读量2.5k

点赞数

文章标签： element-ui upload 文件大小不超过2M

本文链接：https://blog.csdn.net/qq_26642611/article/details/103054871

版权

本文深入探讨了使用Element UI中文件上传组件的详细配置与使用方法，包括限制上传文件大小、预览、移除文件等功能，并提供了完整的代码示例。

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

          <el-upload
              class="upload-demo"
              ref="upload"
              drag
              action="https://jsonplaceholder.typicode.com/posts/"
              :limit="1"
              accept=".xls,.xlsx"
              :on-preview="handlePreview"
              :on-exceed="handleExceed"
              :on-remove="handleRemove"
              :before-upload="beforeAvatarUpload"
              :file-list="fileList"
              :auto-upload="false">
                <i class="el-icon-upload"></i>
                <div class="el-upload__text">将发货表单拖到此处，或<em>点击选择</em></div>
          </el-upload>

      beforeAvatarUpload(file){
          console.log(file)
            const isLt2M = file.size / 1024 / 1024 < 2;

            if(!isLt2M) {
                this.$message({
                    message: '上传文件大小不能超过 2MB!',
                    type: 'warning'
                });
            }
            return   isLt2M

      },