elementUI框架的upload文件上传限制excel

最新推荐文章于 2025-03-03 11:38:36 发布

xxqxxz

最新推荐文章于 2025-03-03 11:38:36 发布

阅读量6.9k

点赞数 6

分类专栏： elementUI后台系统文章标签： js vue vue.js

本文链接：https://blog.csdn.net/xxqxxz/article/details/121669530

版权

本文介绍如何在Vue.js应用中，利用Element UI的upload组件，结合JavaScript进行配置，实现只允许用户上传Excel文件的功能。通过设置file-type和before-upload钩子函数进行文件类型检查。

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

首先在html里面写入upload的框架

accept参数是限制类型我这里是限制了.xls,.xlsx类型

     <el-upload
          class="upload-demo"
          accept=".xls, .xlsx"
          :limit="limitNum"
          :auto-upload="false"
          :action="UploadUrl()"
          :file-list="fileList"
          :before-upload="beforeUploadFile"
          :on-change="fileChange"
          :on-success="fileSuccess"
          :on-error="fileError"
          :on-exceed="handleExceed"
          :show-file-list="false"
          multiple
        >
          <el-button
            size="small"
            type="primary"
            icon="el-icon-circle-plus-outline"
          >新增导入</el