上传
Upload
初级通用上传（Upload）是把你设备上的文件传到网站或 App 所用服务器的过程，通常从选择文件开始，到服务端确认接收才算完成。它解决了产品获取本地文件的问题，比如让用户提交头像、简历或供 AI 分析的文档。
你可能会说：「我想让用户选电脑里的文件交给网站，并且能看到传到哪一步、最后有没有成功。」
动手看看投递简历时上传附件
投递产品设计师请上传 PDF 简历，大小不超过 10 MB
选择 PDF 简历从设备中选择文件
上传状态
先悬停、按住或用 Tab 聚焦选择入口，看看它怎样回应操作；再切换下方状态，模拟选文件和上传的后续过程。
要点一次上传是怎么完成的？
- 1
选中文件不等于传完文件
你点开文件选择器并选中一张图片时，网站只是拿到了待上传的文件。产品可以在这之后自动开始传，也可以等你点击“提交”。界面最好让你看得出目前处在哪一步。
- 2
成功取决于服务端的确认
文件从设备发出去后，还可能因网络中断、文件过大或服务端拒收而失败。所以进度走到末尾不一定代表可用；我们通常等服务端返回成功结果，再把文件标成已上传。
- 3
限制和反馈要一起设计
如果头像只收图片，你可以在选择前说明支持的类型和大小，并在提交时再次校验。上传中显示状态，失败时说明原因并提供重试，用户才知道该换文件还是等网络恢复。
容易混淆的地方
上传和选择文件不是一回事：选择只是在本地指定对象，上传才会把文件传给服务端。它也不等于导入：导入侧重把数据解析进产品，例如把表格变成联系人；表格可能先被上传，再被导入，也可能直接在本地解析。
什么时候用
适合用
- 做招聘网站时，让求职者从设备选择简历，传给服务端后再随申请一起提交。
- 做 AI 文档问答工具时，让用户上传资料，并在分析前确认文件已经传输成功。
- 做团队后台时，让成员上传头像或附件，并在网络失败后看见原因、选择重试。
不适合用
- 用户只是从网站获取一份已有的报表时，这是下载；给他下载入口就好，不需要上传。
- 用户只是填写姓名和简介时，用文本输入框和多行文本框即可，不需要让他准备文件。
- 用户只想查看设备上的图片，且产品不需要保存或处理它时，可以在本地预览，不必上传。
练一练选一个答案，看看解释
你在做简历投递页。用户选中 PDF 后立刻看到了文件名，但网络断开了。此时界面该怎样处理？
让 AI 帮你做复制给 AI Agent 直接用
请为简历投递表单实现文件上传：用户选择 PDF 后显示文件名和上传状态；服务端确认接收后才显示成功。上传失败时保留所选文件并提供重试，文件类型和大小限制由前后端共同校验。