当前位置: 首页 > news >正文

antd design 5 版本 文件上传

     <UploadcustomRequest={customRequest}accept=".csv" showUploadList={false}><Button icon={<UploadOutlined />}>上传 CSV 文件</Button></Upload>

accept 代表限制的上传类型 也可设置 .excel

  // 文件上传 ( CSV ) const customRequest = async ({ file, onSuccess, onError }: any) => {// 检查文件扩展名是否为 .csvconst isCSV = file.name.split('.')[1].toLowerCase();if (!isCSV) {message.error("アップロードできるのはCSVファイルだけです ");return;}// 执行文件上传逻辑const formData = new FormData();formData.append("file", file);for (const entry of formData.entries()) {console.log(entry[0], entry[1]);}const [_,res] = await to(uploadCvs(formData));if(JSON.parse(res).code === '102') {message.success(JSON.parse(res).message)}};

通过 new FormData() 转换成表单数据发送给后端

时小记,终有成。

http://www.lryc.cn/news/237481.html

相关文章:

  • 【如何学习Python自动化测试】—— 浏览器操作
  • Python编程技巧 – 使用字典
  • el-tree 与table表格联动
  • Leetcode刷题详解——删除并获得点数
  • HTTP四种请求方式,状态码,请求和响应报文
  • Python - Wave2lip 环境配置与 Wave2lip x GFP-GAN 实战 [超详细!]
  • 2311rust,1.31版本更新
  • 文心一言-情感关怀之旅
  • 下厨房网站月度最佳栏目菜谱数据获取及分析PLus
  • buildadmin+tp8表格操作(5)自定义组装搜索的查询
  • 企业级固态硬盘如何稳定运行?永铭固液混合铝电解电容来帮忙
  • 【MISRA C 2012】Rule 4.2 不应该使用三连符
  • spring boot加mybatis puls实现,在新增/修改时,对某些字段进行处理,使用的@TableField()
  • 如何构建风险矩阵?3大注意事项
  • SpringSecurity5|12.实现RememberMe 及 实现原理分析
  • 持续集成交付CICD:Jenkins Sharedlibrary 共享库
  • Linux--网络编程
  • 数据结构 并查集
  • 算法通关村第十六关黄金挑战——求滑动窗口中的最大值(滑动窗口与堆方法、双端队列法和直接比较法)
  • 常见树种(贵州省):009楠木、樟木、桂木种类
  • 全志H616开发版
  • 【Spring boot】RedisTemplate中String、Hash、List设置过期时间
  • Nosql之redis概述及基本操作
  • 使ros1和ros2的bag一直互通
  • 【正点原子 linux 驱动编程】
  • 使用Python的turtle模块绘制玫瑰花图案(含详细Python代码与注释)
  • Redis学习笔记14:基于spring data redis及lua脚本ZSET有序集合实现环形结构案例及lua脚本如何发送到redis服务器
  • openssl C++研发之pem格式处理详解
  • 【教3妹学编辑-mysql】详解数据库三大范式
  • 【计算机网络笔记】路由算法之链路状态路由算法