将扁平化的前端文件上传列表转换为带有文件夹层级结构的树形结构,是处理多文件上传时一个常见的问题。浏览器提供的 webkitRelativePath 属性虽然包含路径信息,但需要我们进行解析和转换。本文将详细说明如何将扁平列表转换为树形结构。
假设我们拥有一个包含 webkitRelativePath 属性的文件列表:
const files = [ { file: { webkitRelativePath: '' }, name: '测试文件.text' }, { file: { webkitRelativePath: 'test/前端文件.pdf' }, name: '前端文件.pdf' }, { file: { webkitRelativePath: 'test/x/第一次上传.mp4' }, name: '第一次上传.mp4' }, { file: { webkitRelativePath: 'test/x/第二次上传.mp4' }, name: '第二次上传.mp4' }];
登录后复制
本文来自互联网或AI生成,不代表软件指南立场。本站不负任何法律责任。