首页 > 其他分享 >antd组件的<Upload>组件

antd组件的<Upload>组件

时间:2022-09-25 19:22:18浏览次数:53  
标签:fileList length uploadNum2 组件 antd 100 上传

使用<Upload>组件上传多个文件时需要做一定的个数限制。如果直接  if(fileList?.length>100){message.error('制上传100条')}那么超过100条的每条都会有提示,不只是提示一次,效果不理想。则有如下解决办法

let  uploadNum2 = 1;

 beforeUpload: (file, fileList) => {
      if(fileList?.length>100){
        if(uploadNum2==1){
          message.error('限制上传100条');
        }else if(uploadNum2 == fileList?.length){
          uploadNum2 = 1;
          return;
        }
        uploadNum2++
        return false;
      }

标签:fileList,length,uploadNum2,组件,antd,100,上传
From: https://www.cnblogs.com/aleifighting/p/16728517.html

相关文章

  • 组件
    1.view同div使用2.swiper滑块视图容器里面只能嵌套swiper-item组件(宽高自动设置为100%),再嵌套image组件即可常用属性<swiperindicator-dots="true"indicator-act......
  • 封装加载动画组件,利用slot标签与vuex实现
     实现效果: 加载时:  加载完成时;   实现代码:通过vuex传入一个布尔值loading控制加载动画显示与否,动画关闭时,通过slot标签显示本组件中包含的其他内容组......
  • 利用props封装带有参数及回调事件的组件
    实现效果: 封装的组件:<template><viewclass="page-container-titleNav"><viewclass="content"><viewclass="left"><......
  • JavaScript 中的 Web 组件介绍:创建一个 hello-world 的 Web 组件
    JavaScript中的Web组件介绍:创建一个hello-world的Web组件WebComponents是一套不同的技术,允许您创建可重用的自定义html元素。它的伟大之处在于对组件的逻辑和......
  • forms组件参见错误参数
    Fieldrequired=True,是否允许为空widget=None,HTML插件label=None,用于生成Label标签或显示内容......
  • 组件-video
    1.使用服务器网路连接video的src可以是要播放视频的资源地址,支持网络路径、本地临时路径、云文件ID所以像访问图片那样不可以可以吧视频放服务器根目录下直接访问2.使......
  • COM组件 学习笔记
       COM组件是以Win32动态链接库dll或可执行文件exe的形式发布的可执行代码组成的;COM组件是动态链接的,COM使用dll将组件动态链接起来;COM组件是语言无关的;COM组......
  • vue 使用百度地图JavaScript API GL 组件
    <template><divclass="component"><el-cardclass="cardStyle"><!--ready,地图组件渲染完毕时触发,返回一个百度地图的核心类和地图实例--><baidu-map......
  • JavaScript 中的 Web 组件介绍:创建一个 hello-world 的 Web 组件
    JavaScript中的Web组件介绍:创建一个hello-world的Web组件WebComponents是一套不同的技术,允许您创建可重用的自定义html元素。它的伟大之处在于对组件的逻辑和......
  • Vue父子组件生命周期触发顺序是怎样的?
    挂载阶段父beforecreated->父created->父beforemounted->子beforecreated->子created->子beforemounted->子mounted->父mounted更新阶段父beforeUpdate->子beforeUpda......