element-uiupload组件上传文件类型限制

最新推荐文章于 2024-09-30 21:37:21 发布

milijiangjun

最新推荐文章于 2024-09-30 21:37:21 发布

阅读量1w

点赞数 6

分类专栏： WebSan

本文链接：https://blog.csdn.net/milijiangjun/article/details/108381001

版权

本文介绍了如何在使用Element UI的upload组件时，实现对上传文件的类型和大小进行限制。通过自定义判断逻辑，确保上传的文件符合指定条件。

摘要由CSDN通过智能技术生成

需求：
文件上传类型指定accept 后还需要进行指定判断大小或文件类型
在这里插入图片描述但是我们发现原来的已经不能满足我们的需求，这个时候我们需要在文件上传的时候进行判断

在这里插入图片描述代码如下：

 <!-- 图片上传 -->
          <el-popover placement="bottom-start" width="450" trigger="click">
            <div style="height:300px;">
              <el-upload
                class="u_img"
                :action="uploadbimg"
                :headers="Myhead"
                :on-preview="handlePreview"
                :on-remove="handleRemove"
                :before-remove="beforeRemove