ElementUI上传文件-限制上传文件个数

最新推荐文章于 2024-09-25 09:54:46 发布

前端杨小白

最新推荐文章于 2024-09-25 09:54:46 发布

阅读量1.1w

点赞数 2

分类专栏： ElementUI

本文链接：https://blog.csdn.net/yangwqi/article/details/104802190

版权

ElementUI 专栏收录该内容

31 篇文章 3 订阅

订阅专栏

固定上传文件个数

if(vm.fileList.length!==2){
    this.$message.warning(`请上传有且仅有2个文件。`);
    return
}

限制上传文件个数

<el-form-item label="上传文件" prop="fileList">
    <el-upload
        ref="upload"
        multiple
        name="File"
        :action="apis.manageModel"
        :auto-upload="false"
        :limit="2"
        :http-request="httpRequest"
        :file-list="fileList"
        :on-exceed = "cmx.fileOption.handleExceed"
        :on-change="cmx.fileOption.onChangeUpload"
        :before-remove="cmx.fileOption.beforeRemove"
        :on-remove="handleRemove"
        :before-upload="cmx.fileOption.beforeAvatarUpload"
        >
        <el-button size="small" type="primary">点击上传</el-button>
        <span slot="tip" class="el-upload__tip">&nbsp;&nbsp;&nbsp;只能上传一组同名dll、xml文件</span>
    </el-upload>
</el-form-item>
handleExceed(files, fileList) {
  this.$message.warning(`请最多上传 ${this.limit} 个文件。`);
},