跳到主要内容

您是否需要让网站访问者在您的联系表上上传文件?

也许您正在招聘员工并想收集简历,或者您正在运行其他申请表或摄影比赛,您需要申请人附加文件。

在本教程中,我们将向您展示如何在WordPress中创建文件上传表单(逐步操作)。

如何在wordpress中创建文件上传表单
如何在wordpress中创建文件上传表单

为什么要在WordPress中创建文件上传表单?

如果您想从用户那里收集任何类型的文件,那么文件上传表单是个好主意。您可以让用户上传图像,PDF文件,Word文档或其他类型的文件。

使用文件上传表单使您和您的用户生活变得轻松。

您可以创建一个包含所需所有字段的表单,而不用来回发送电子邮件,以便您可以一次收集所有信息。

此外,您的表单应自动将表单数据保存在WordPress数据库中。这样,即使您错过或删除电子邮件,也可以轻松找到提交的内容。

如何在WordPress中创建文件上传表单

在本教程中,我们将使用WPForms,它是WordPress最佳联系表单插件

如果预算紧张,可以在WPForms的基本计划中获得文件上传功能。但是,功能全面的Pro计划使您可以访问奖金表格模板,调查报告以及大量其他强大功能。

首先,您需要安装并激活WPForms插件。如果您不确定如何安装,请查看有关如何安装WordPress插件的分步指南。

激活插件后,您将在仪表板上看到一个新的WPForms选项卡。

转到WPForms»插件页面,然后向下滚动到“表单模板包插件”。单击“安装插件”按钮以安装并激活它。

为什么要在wordpress中创建文件上传表单
为什么要在wordpress中创建文件上传表单

现在您可以创建您的第一个文件上传表单。

转到WPForms»添加新页面。

如何在wordpress中创建文件上传表单
如何在wordpress中创建文件上传表单

您将直接进入WPForms构建器。您可以在屏幕顶部为表单命名:

如何在wordpress中创建文件上传表单
如何在wordpress中创建文件上传表单

您还需要选择一个模板。我们建议您使用“文件上传模板”,您可以在“其他模板”部分中找到该模板。单击模板以使用它。

文件上传表格将自动为您创建。

如何在wordpress中创建文件上传表单
如何在wordpress中创建文件上传表单

您可以根据需要使用文件上传表单,而无需进行任何更改。

默认情况下,它将允许用户上传以下文件类型:

  • 图像文件:.png,.gif,.jpg
  • 文件:.doc,.xls,.ppt,.pdf
  • 音频:.wav,.mp3,.mp4
  • 视频:.mpg,.mov,.wmv

如果您想进一步限制文件类型,请单击“文件上传”字段进行编辑。您将在屏幕左侧看到“字段选项”:

如何在wordpress中创建文件上传表单
如何在wordpress中创建文件上传表单

在“允许的文件扩展名”框中,您可以键入要接受的任何文件格式。我们将允许图像格式为.png,.gif和.jpg。确保用逗号分隔它们。

如何在wordpress中创建文件上传表单
如何在wordpress中创建文件上传表单

注意:出于WordPress安全的原因,WordPress限制了可以上传到站点的文件类型。如果要允许用户上传通常不允许的文件类型,则可以向WordPress添加其他文件类型

您还可以设置最大文件大小和最大文件数。对于我们的比赛,我们将允许人们提交最多3张每张最大50MB的照片。

如果要阻止人们提交表单而不附加他们的文件,则可以选中必填框。这意味着除非至少上传了一个文件,否则无法提交表单。

如何在wordpress中创建文件上传表单
如何在wordpress中创建文件上传表单

默认情况下,“文件上载字段”使用现代格式,允许用户拖放其文件。但是,如果您的表单空间有限,或者您更喜欢经典的上载字段,则可以更改此设置。

只需单击“高级选项”以打开该字段的更多选项。然后,您可以使用下拉菜单将样式从现代切换为经典。

提示:经典上传字段仅允许上传一个文件。如果希望用户能够提交多个文件,则需要在表单中添加多个“文件上载字段”。

如果需要,您还可以选择将提交的文件存储在WordPress媒体库中。这使您可以轻松地将它们添加到帖子或页面中。例如,在我们的摄影比赛中,当宣布获奖者时,我们可能会包括最佳照片。

注意:即使您未选中此框,上传的文件仍会保存在WordPress数据库中。它们只是存储在WordPress托管帐户的单独文件夹中。

如果要编辑表单上的任何其他字段,可以单击以相同的方式在左侧编辑它们。

您也可以使用“添加字段”选项卡添加新字段。只需将要添加到表单的任何字段拖放。

在这里,我们在表单中添加了“网站/ URL”字段,以便摄影师可以向我们提供其网站的链接。

如果要删除字段,请将鼠标光标悬停在该字段上,然后单击红色的垃圾桶图标。我们将删除“电话”字段,因为我们不需要摄影师的电话号码。

对表单感到满意后,请点击屏幕顶部的保存按钮。

设置文件上传表单的通知

在“设置”选项卡下,您可以单击“通知”以设置表单的电子邮件通知。您可能需要更改默认设置。

默认情况下,该表单将电子邮件通知发送到{admin_email}。

如果您自己创建了WordPress网站,那么这就是您的电子邮件地址。如果不是,那么您可以删除{admin_email}并在此处键入您自己的电子邮件地址。

设置文件上传表单的通知
设置文件上传表单的通知

提示:不确定{admin_email}是否是您的电子邮件地址?转到WordPress信息中心中的“设置”»“常规”。查找管理电子邮件地址。您可以在这里更改。之后,只需单击底部的“保存更改”即可。

设置文件上传表单的通知
设置文件上传表单的通知

如果要将提交的文件发送给多个人,则还可以在此处设置多个通知

您可能还希望更改提交表单后用户看到的确认消息。您可以在设置»确认下执行此操作。

只需在框中输入您想要的消息。您可以根据需要添加粗体和斜体等格式。这是默认消息的外观:

设置文件上传表单的通知
设置文件上传表单的通知

进行更改后,请不要忘记保存表单。您可以通过单击右上角的X退出表单构建器。

将文件上传表单添加到您的网站

创建表单后,您需要将其添加到您的网站。您可以将其添加到现有帖子或页面上,也可以创建一个新页面。

我们将表单添加到新页面。要创建新页面,请转到页面»添加新页面。然后,通过单击(+)图标将新的块添加到您的页面。

将文件上传表单添加到您的网站
将文件上传表单添加到您的网站

接下来,您需要从“小部件”部分中选择WPForms块。如果愿意,可以使用搜索栏找到它。

将文件上传表单添加到您的网站
将文件上传表单添加到您的网站

将块添加到页面后,从WPForms下拉列表中选择您创建的表单。

将文件上传表单添加到您的网站
将文件上传表单添加到您的网站

现在,预览或发布您的页面,并在您的网站上实时查看您的表单。这是我们表格的外观。

您可以转到WPForms»所有表单更改表单。只需单击表单的名称,或将鼠标悬停在该表单上,然后单击“编辑”链接即可对其进行编辑。

当您编辑表单时,它会在您的网站上自动更新。您无需再次将其添加到页面中。

提示:最好测试一下表单以确保其正常工作。如果您在创建表单条目后没有收到电子邮件通知,请查看我们的逐步指南,以解决WordPress不发送电子邮件的问题

查看或下载上传的文件

当有人通过您的文件上传表单发送文件时,您可以通过电子邮件收件箱或WordPress仪表板获取文件。

在每个表单条目中,您都会收到如下电子邮件:

查看或下载上传的文件
查看或下载上传的文件

只需单击链接即可查看或下载文件本身。

您也可以通过WordPress本身轻松找到文件。转到WPForms»条目,然后单击您的表单名称。

查看或下载上传的文件
查看或下载上传的文件

接下来,您可以在表单条目表中看到上载的文件。或者,您可以单击查看链接以查看表单条目的完整详细信息。

回到顶部