input限制上传数量,规定图片上传数量

不多说,直接上代码 

  /**

  * [fileCountCheck 上传文件数量检测]

  * @param {[Object]} filesObj [文件对象|input]

  * @param {[Number]} minFileNum [文件数量下限]

  * @param {[Number]} maxFileNum [文件数量上限]

  * @return {[Boolean]} [真假]

  */

  function fileCountCheck (filesObj, minFileNum, maxFileNum) {
    if (window.File && window.FileList) {
      var fileCount = filesObj.files.length;
      if (fileCount < minFileNum || fileCount > maxFileNum) {
        // 不符合数量的处理
        window.alert('文件数不能小于' + minFileNum + '个,也不能超过' + maxFileNum + '个,你选择了' + fileCount + '个');
        return false;
      } else {
        // 符合数量的处理
        window.alert('符合规定');
        return true;
      }
    } else {
      // 不支持FileAPI
      window.alert('抱歉,你的浏览器不支持FileAPI,请升级浏览器!');
      return false;
    }
  }

参考地址: input上传文件个数控制

猜你喜欢

转载自blog.csdn.net/weixin_50587417/article/details/127464662