react 自定义一个Upload

使用react 函数组建实现了一个下载功能

注意: 如果想要限制上传文件类型 只需要在Input 加限制条件 accpet='xxxx' xxx 就是限制类型的

import { Button, Input } from 'antd'
import React from 'react'
import uploadApi from '../../api/upload'

export default function Demo() {
    const chooseFile = (event:any)=>{
  const {files} = event.target
  const formData = new FormData()
  formData.append('file',files[0])
  uploadApi(formData).then((res)=>{
    if(res){
        console.log(res);
    }
  }).catch(( err )=>{
    alert(err)
  }) .finally(()=>{
    alert('上传成功')
  })
    }
  return (
    <div className='page'>
        <Button >下载
            <Input type='file' id='uploud' onChange={()=>{chooseFile()}}/>
        </Button>
    </div>
  )
}