antd嵌套表格+Upload结合实现上传文件怎么搞？

Oh_MoG 2020-07-22 12:13:47

用antd的table嵌套子表格的做法，在上传视频的时候<Upload />这个组件里的filelist是同一个，渲染出的效果是这样的

，怎么给视频绑定到对应的行内？<Upload />组件里面的事件只有当前file的属性和filelist，没有index值可以区分。或者有没有哪位大神做过类似的需求可以分享下代码的？

...全文

5540 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

Oh_MoG 2021-02-20

打赏
举报

回复 1

引用 2 楼 前端小仙女的回复:

请问下antd表格+upload组件的那个你做出来了没有

没有，但是我解决了产品

。如果只是一层表格很好做啊，但是如果是两层嵌套的表格的话，建议还是把数据拆开做

前端小仙女 2021-02-20

打赏
举报

回复

请问下antd表格+upload组件的那个你做出来了没有

sha虫剂 2020-07-22

打赏
举报

回复

调用方法的时候你可以手动传值进去的啊，别光看着他本身没有那个值你就不能自己传值进去了

在使用 **React Antd (antd)** 的 `Upload` 组件时，`beforeUpload` 是一个非常关键的钩子函数，它允许我们在文件上传之前进行各种验证，比如检查文件类型、大小，甚至读取图片尺寸。其中，`Upload.LIST_IGNORE` 是一个常用的返回值，但很多开发者对它的行为存在误解：**它真的能阻止文件上传吗？** 本文将深入解析 `Upload.LIST_IGNORE` 的作用、适用场景以及它的 **局限性**，并对比其他阻止上传的方法，帮助您正确使用 An

在使用 React 的 Ant Design (antd) 库时，`Upload` 组件是一个非常常用的文件上传工具。而 `beforeUpload` 是 `Upload` 组件中的一个重要钩子函数，允许我们在文件上传之前执行一些操作，比如验证文件类型、大小，或者进行一些预处理。本文将详细介绍如何使用 `beforeUpload` 实现文件上传前的多种限制，并解决一些常见问题。

实现点击上传txt文件，将txt文件上传至ant design vue组件库的table表格上进行显示， 1. 第一个表格用于展示文件以及对文件的显示操作 2. 第二个表格用于接收第一个表格的列数据功能(配置项)：上传指定的File或Blob格式的文件展示在第一个表格将文件按照指定的符号来进行分列，并且支持自定义符号进行分列。可以控制文件的预览行数。通过从第几行开始选择的配置，第一个表格的列将按照选择好的第几行开始展示在第二个表格的列。

Table 嵌套Form.List 编辑、修改、校验、保存

antd-vue对表单进行编辑，文件没有回显解决方法

87,995

社区成员

224,693

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章