vue3 element-ui上传图片限制大小、格式

最新推荐文章于 2024-05-24 10:55:30 发布

记录学习的邹邹

最新推荐文章于 2024-05-24 10:55:30 发布

阅读量466

点赞数

文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/weixin_48290402/article/details/126849615

版权

本文介绍如何在Vue3项目中使用Element-UI实现图片上传，并限制上传文件的大小和格式，支持.png .jpg .bmp .gif等常见图片格式。

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

支持扩展名：.png .jpg .bmp .gif

        <el-upload
            action="#"
            :before-upload="beforeUpload"
            :before-remove="beforeRemove"
            :http-request="uploadFile"
            :on-preview="preview"
            :file-list.sync="fileList"
          >
            <el-button
              size="small"
              type="primary"
              class="icon-Angle-upload"
              style="display: inline;"
            >
              上传文件
            </el-button>
            <div slot="tip" class="q-upload__tip" style="display: inline;">
              支持扩展名：.png .jpg .bmp .gif
            <