文件项
File
初级通用文件项（File）是界面中代表一个文件的展示单元，通常呈现文件名、类型和操作入口。它让你在文件列表里辨认、查找并处理具体文件，例如在项目资料页打开一份设计稿。
你可能会说：「帮我把资料页做成能逐个看清文件名称、类型，并能打开或下载的样子。」
动手看看项目资料里的文件项
官网改版 · 项目资料3 个文件 · 最近更新于今天
首页设计稿.figFIG · 12.8 MB · 林然上传
预览
上线检查表.xlsxXLSX · 84 KB · 周宁上传
预览
需求说明书.pdfPDF · 2.1 MB · 陈悦上传
预览
选择文件
打开文件预览
悬停、按住文件行，或用 Tab 聚焦，看看操作反馈。再用下方选择文件和预览开关模拟打开文件；行内入口在这里仅作展示。
每一行代表一个具体文件：名称帮你找对内容，扩展名和图标提示类型，右侧预览入口告诉你可以做什么。
要点一个文件项怎样让人认出文件？
- 1
先让文件名完整可辨
文件名通常是用户找文件的主要线索。做项目资料页时，你可以显示扩展名，并为过长的名称提供查看完整内容的方式；否则几份名称相近的文件会很难区分。
- 2
按需要补充文件信息
类型、大小、更新时间能帮用户判断该打开哪一份，但不必每次都摆满。比如交付物列表里，更新时间比缩略图更有助于辨认最新版本。
- 3
区分打开与其他操作
点击文件项通常可以打开文件；下载、重命名、删除则可以放在各自的操作入口。这样用户点文件名时，不会意外触发删除等不同性质的动作。
容易混淆的地方
文件项是文件在界面里的呈现，不等于存储在设备或服务器上的文件本身。它也不同于上传控件：上传控件负责让用户选择并提交文件，文件项负责展示已有或已选中的文件；上传完成后，两者可能出现在同一个页面。
什么时候用
适合用
- 做团队资料库时，用文件项展示每份文档的名称和更新时间，让成员找到要查看的版本。
- 做 AI 工具的附件区时，用文件项列出已添加的文件，让用户确认本轮会处理哪些资料。
- 做后台文件管理页时，用文件项承载打开、下载等针对单个文件的操作。
不适合用
- 页面只是展示一段文字说明，没有对应的文件可打开或管理时，直接用正文内容。
- 用户要填写姓名、邮箱等信息，而不是选择文件时，用表单字段，不用文件项。
- 需要展示的是多张可直接浏览的作品图片时，用图片网格更合适，除非用户还需要管理原始文件。
练一练选一个答案，看看解释
你在做 AI 工具的对话页：用户添加了三份资料，发送前想确认选中了哪些文件，并能移除其中一份。这里怎样设计？
让 AI 帮你做复制给 AI Agent 直接用
请在对话输入区上方实现已选附件的文件项列表。每项显示文件名和可用的类型信息，提供单独移除入口；文件名过长时仍要能查看全名。这里只展示和管理已选文件，不改动上传流程。