Reactjs 使用React进行照片上载验证

我有个小问题 我正在使用Ant Design及其组件

我正在尝试上传图像，一切正常，但我需要添加一个验证来验证文件是否正确。也就是说，如果用户将任何其他文件重命名为

.jpg

或

.png

扩展名，我需要验证并向他们显示警报

---

如何实现这一点，目前我们使用FileReader在base64中转换图像，您可以创建一个函数并返回如下内容

const verifyImage = (img) => {
  return new Promise((resolve, reject) => {
    const reader = new FileReader()
    reader.addEventListener('load', event => {
      let picFile = event.target
      let imgNew = new Image()
  imgNew.addEventListener('load', () => {
    resolve(reader.result)
  })
  imgNew.addEventListener('error', () => {
    reject()
  })
  imgNew.src = picFile.result
})
reader.readAsDataURL(img)
  })
}

---

您可以创建一个函数并返回如下内容

const verifyImage = (img) => {
  return new Promise((resolve, reject) => {
    const reader = new FileReader()
    reader.addEventListener('load', event => {
      let picFile = event.target
      let imgNew = new Image()
  imgNew.addEventListener('load', () => {
    resolve(reader.result)
  })
  imgNew.addEventListener('error', () => {
    reject()
  })
  imgNew.src = picFile.result
})
reader.readAsDataURL(img)
  })
}

---

你看过文件了吗？一旦更改，请选中

，
，您也有相应的文件类型，请在上载之前选中
功能您是否阅读了文档？检查
onChange
，您还有文件类型，检查
beforeUpload
功能我在
beforeUpload中使用了它
我在
beforeUpload中使用了它