美文网首页
react+ antd Upload 限制图片大小 之后 不在上

react+ antd Upload 限制图片大小 之后 不在上

作者: lessonSam | 来源:发表于2020-07-28 13:31 被阅读0次

    我们知道 在 Upload 组件 有个 回调函数 beforeUpload 此时 可以拿到关于图片的相关信息,但是当我们做了限制之后 再执行上传 进行 returen 发现 文件依然上传了 查询相关资料发现是利用 返回Promise 解决的

      beforeUpdate = file => {
        const { fileMaxSize } = this.state
        const isLt10M = file.size / 1024 > fileMaxSize
        return new Promise((resolve, reject) => {
          if (isLt10M) {
            message.error('上传文件不能大于10M')
            reject()
          } else {
            resolve()
          }
        })
      }
    

    这样就好了

    相关文章

      网友评论

          本文标题:react+ antd Upload 限制图片大小 之后 不在上

          本文链接:https://www.haomeiwen.com/subject/msjfrktx.html