表格 document 上传

开始状态

起始状态包括：

• 初始上传按钮包含一个图标和一个文本单元
• 描述默认消息“最大文件大小 10MB”的消息文本单元

您可以自由地更改消息内容或将其完全删除。您还可以像设置文本单元的样式一样对其进行自定义。

改变按钮样式并赋予其独特的风格

您可以选择通过文本编辑、定制样式或调整图标来修改上传按钮。

要编辑文本，您可以直接双击按钮进行编辑。样式可以单独应用于文本，也可以将整个按钮作为一个整体应用。

个性化 按钮，实现一个类，并通过样式面板添加所需的样式属性。这包括背景颜色、边框或字体更改等调整。调整字体颜色 按钮 也延续默认图标的颜色。

如果目的是为图标和文本保留不同的颜色或独立地设置样式，请为这些组件分配不同的类并相应地设置不同的字体颜色。

要替换按钮上的现有图标，请删除默认图标，然后从您的 资源面板 通过拖放。

为了保留图标的标准尺寸和左对齐，请将图像的宽度或高度调整为 20 像素，并添加 8 像素的右边距，在图标和文本之间创建空间。

可以通过在按钮内拖动图标来重新定位，从而改变默认图标的位置。

要将图标放置在按钮文本的右侧，请将图标向右移动，并将边距调整为左侧 8 像素、右侧 0 像素。请注意，对于自定义图像，无需添加 0 像素的右边距。

上传状态

您可以自定义和设置上传状态下的上传按钮的样式，就像默认状态下一样。

成功状态

文件上传的成功状态包括：

• 文本块 — 显示已上传文件的名称，不可编辑。但是，您可以调整其外观。
• 链接块内的图标——使用户能够 删除上传的文件 从其形式。您可以自定义此图标的样式及其悬停效果。

您可以在成功状态下设计整个按钮。

设计建议和推荐

您可以在成功状态按钮中插入图像，例如表示上传成功的图标或占位符文件缩略图图标。

您还可以在成功状态包装器中包含一个文本块，以显示“文件已上传！”或“成功！”等消息。

此外，您还可以将删除图标 (X) 替换为另一个图标图像或文本块 — 例如，显示“删除文件”的文本块。确保将链接块的宽度值设置为“自动”。

错误状态

Designer 中显示的默认错误消息为：“上传失败。文件的最大大小为 10MB。”但是，错误状态也可能由于文件大小超过 10MB 以外的原因而出现，例如网络问题、上传文件损坏或文件格式无效。每种错误情况都会显示一条独特的消息。了解如何个性化这些消息。

警告： 错误信息上方的错误状态下显示的按钮与默认状态下的按钮相同。在此处更改按钮将替换默认状态下的原始按钮。

自定义错误信息

您可以选择更改所有 3 种错误类型的默认文本。您还可以通过选择 文本块 在 错误状态 包装器。

要个性化错误消息，请选择画布上的错误文本块，然后访问 字段错误设置 在里面 设置面板。要编辑每条错误消息，请单击“铅笔”图标，当鼠标悬停在错误消息类型上时出现。

要重置每种错误类型的默认消息，只需修改错误消息，然后选择“恢复默认”。

处理文件提交

当访问者通过您的任何网络表单提交文件时，上传的文件将作为表单提交通知电子邮件中的网络链接显示，该通知电子邮件将发送到您 表单通知设置 包含在你的 站点设置.

如果你担任某个网站的管理员，你有权检查和分析每个网站提交的文件 站点设置 > 形式 > 表单提交数据.

请注意： 表单文件上传的存储空间上限为 10GB，超出此上限则每增加 1GB 每月需支付 $0.50 的费用。存储上限为 100GB，一旦达到上限，表单提交的收集将停止。此上限不可延长。您可以通过删除提交来释放存储容量。

重要的隐私和保护建议

默认情况下，只有 Webflow 注册用户才能检索通过表单上传的文件。这意味着，Webflow 上未注册的用户即使获得了文件链接也无法访问这些文件。要允许任何拥有相关链接的人访问文件，请在 站点设置 > 形式 标签 > 限制上传文件的访问.

笔记： 要使用 Zapier 或其他外部集成将表单文件提交到其他云存储服务，您还必须停用此功能。

下一步： 探索有效处理表单提交的方法。