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

表单是从网站访问者那里收集信息的一种简便方法,文件上传使用户可以添加更多有用或重要的信息。 您可以从文件上传表单中收集的一些数据包括:

  • 用户提交的图像和视频
  • 博客文章形式的内容
  • 简历文件

在本文中,我将向您展示如何为WordPress网站创建简历上传表单。 用户将能够上传PDF格式的简历文件。 在本教程结束时,我们应该有类似的内容。

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

我还将向您展示如何将这些上传的文件添加到Dropbox。

  • 如何在WordPress网站上创建文件上传表单

    CodeCanyon上的20种最佳WordPress登录表单

  • 如何在WordPress网站上创建文件上传表单

    适用于2019的最佳WordPress Form Builder插件

拖放联系表7的File Uploader加载项

Contact Form 7Drop Uploader加载项是一个功能强大的插件,可让您向表单添加任何格式的上传区域。 您也可以将多个上传区域添加到一个表单中。 它甚至允许您将这些上传的文件复制到首选服务器或Dropbox,后者为数据提供了另一个备份。

其他功能包括:

  • JavaScript(前端)文件验证
  • 限制特定文件扩展名的能力
  • 无限文件上传,确保您可以上传任何大小的文件
  • 在上传过程中拖放或浏览的能力
  • 样式自定义,包括颜色,浏览按钮和图标
  • 接收上传的文件作为链接,邮件附件,或同时接收两者
  • 以zip文件形式接收附件
  • 将文件存储在Dropbox中
  • 在特定时间删除旧文件

该插件可以翻译,并支持英语,西班牙语,法语,意大利语,德语,俄语和乌克兰语。

创建您的简历上传表单

要开始创建上传表单,请首先购买并下载Drop Uploader for CF7插件 您可以在帐户的下载部分中找到可安装的WordPress文件。

下载WordPress文件后,登录到WordPress网站,然后安装插件。 转到插件>添加新文件,然后上传从CodeCanyon获取的WordPress zip文件。 上传后,单击立即安装 ,等待几秒钟,然后单击** 您现在可以开始使用插件了。

构型

转到设置 > CF7 Drop Uploader设置,然后自定义Drop Uploader样式以及其他选项,例如布局和文件存储。

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

档案储存

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

CF7 Drop Uploader提供了三种存储文件的方式:

  • 附件:如果启用此选项,则所有文件都将存档为zip文件。
  • 链接:此选项可让您将上传的文件存储为链接。 它还允许您在指定的时间删除文件。
  • Dropbox:此选项可让您集成文件并将其添加到Dropbox。 您所需要的只是Dropbox令牌,您可以从您的Dropbox帐户获得令牌。 您还可以生成可共享的链接,并将它们链接到文件或文件夹。

创建您的第一个文件上传表单

从官方WordPress插件目录安装Contact Form 7。 完成后,您现在就可以开始创建表单了。 在WordPress信息中心菜单中,点击联系人>添加新信息。 Contact Form 7预先配置有现成的模板,如下所示

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

单击“ Drop Uploader”,您应该会看到类似以下的弹出窗口。

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

将字段类型标记为必填字段,设置文件数限制 ,然后将接受的文件类型输入为PDF格式。 如果要发送HTML链接,请选中“ HTML链接”复选框。 完成后,单击“ 插入标签”,所有更改都将应用到表单。 重新排列字段,使其希望它们出现在表单中。 您还可以通过单击Drop Uploader消息选项卡来添加消息

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

表单模板还包含其他字段,例如复选框,日期和单选按钮,可用于创建任何表单。

接下来,转到“ 邮件”选项卡,然后将上载程序的简码(在我的情况下为[dropuploader-313])添加到邮件正文并保存更改。

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

您还可以通过将上载程序的短代码ID粘贴到“ 文件附件”部分中,以邮件附件的形式接收上载的文件。

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

在页面中嵌入您的简历上传表单

最后一步是将上传表单嵌入WordPress页面。 要添加上传表单,请单击添加简码选项,然后粘贴联系人表单的简码。

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

在Dropbox中接收上传的文件

在本节中,我们将介绍如何将Dropbox与联系人表单集成以及将副本发送到Dropbox。

首先是前往Dropbox开发人员并登录到您的Dropbox帐户。 单击“ 创建应用程序”,选择“ Dropbox API”选项,选择该API所需的访问类型,然后为您的应用程序创建一个名称。 最后,单击创建应用程序按钮。 您将被重定向到包含所有应用程序信息的页面。 滚动到OAuth 2部分,然后单击“ 生成令牌”按钮。

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

生成令牌后,将其复制并粘贴到WordPress网站上的Dropbox令牌部分。

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

为确保将文件存储在Dropbox中,请通过启用接收文件选项来编辑表单。 转到“ Drop Uploader”选项卡并**“ Dropbox”设置。

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

保存您的表单设置。 除了在邮件正文中将文件作为链接接收之外,您还将通过Dropbox接收文件。 要确认您提交的文件是否已保存到Dropbox帐户,只需登录到Dropbox帐户并在“ 应用程序”下进行检查

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

结论

翻译自: https://code.tutsplus.com/tutorials/how-to-create-file-upload-forms-on-your-wordpress-site--cms-34065