美文网首页
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