当前位置:首页 > 编程笔记 > 正文
已解决

antd design 5 版本 文件上传

来自网友在路上 188888提问 提问时间:2023-11-19 15:31:33阅读次数: 88

最佳答案 问答题库888位专家为你答疑解惑

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

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

  // 文件上传 ( CSV ) const customRequest = async ({ file, onSuccess, one rror }: 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() 转换成表单数据发送给后端

时小记,终有成。

查看全文

99%的人还看了

猜你感兴趣

版权申明

本文"antd design 5 版本 文件上传":http://eshow365.cn/6-39387-0.html 内容来自互联网,请自行判断内容的正确性。如有侵权请联系我们,立即删除!