react ant design 单个文件 上传
直接上代码 ,有空后面 写注释
const [fileList, setFileList] = useState<UploadFile[]>([]);
<Upload
name="file"
multiple={false}
maxCount={1}
showUploadList={false}
fileList={fileList}
customRequest={options => {
setLoading(true)
let file = options.file;
// 这里拿到 file 以后 写你 上传 的 逻辑
console.log("file", file)
setLoading(false)
}}
>
<Button size={'mini'} color='primary'>采集视频 </Button>
</Upload>
补充 , 如果选择多个文件的话,用custormRequest 就不好使了,你选择多个文件 ,他就进多少次 customRequest ,导致你不知道什么时候文件已经放完了,也获取不到数量
这个时候 只能监听 fileList ,有变化 再上传吧 (不好的方法 )
分类:
react
, ant-design-react
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!