elementui上传文件

最新推荐文章于 2024-02-29 23:56:39 发布

码林鼠

最新推荐文章于 2024-02-29 23:56:39 发布

阅读量399

点赞数

分类专栏： elementui

本文链接：https://blog.csdn.net/weixin_41254345/article/details/108412892

版权

elementui 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

在这里插入图片描述

<el-upload
      action="http://www.tp5.com/upload"
      :on-preview="handlePreview"
      :on-remove="handleRemove"
      :before-remove="beforeRemove"
      multiple
      :limit="3"
      :on-exceed="handleExceed"
      :file-list="fileList"
    >
      <el-button size="small" type="primary">上传</el-button>
      <div slot="tip">只能上传jpg/png文件</div>
    </el-upload>

fileList: [
      ],

handleRemove() {
      console.log("删除后执行");
    },
    handlePreview() {
      console.log("点击已上传文件时执行");
    },
    handleExceed() {
      console.log("超出最大限制时执行");
    },
    beforeRemove() {
      console.log("删除前返回false阻止删除");
      return false;
    },