惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Google DeepMind News
Google DeepMind News
大猫的无限游戏
大猫的无限游戏
S
Securelist
The Hacker News
The Hacker News
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
F
Fortinet All Blogs
Jina AI
Jina AI
K
Kaspersky official blog
T
Threat Research - Cisco Blogs
Stack Overflow Blog
Stack Overflow Blog
Webroot Blog
Webroot Blog
有赞技术团队
有赞技术团队
T
The Blog of Author Tim Ferriss
量子位
S
Schneier on Security
Latest news
Latest news
D
Darknet – Hacking Tools, Hacker News & Cyber Security
O
OpenAI News
云风的 BLOG
云风的 BLOG
M
MIT News - Artificial intelligence
博客园 - 叶小钗
L
LINUX DO - 最新话题
V
Visual Studio Blog
U
Unit 42
Hacker News - Newest:
Hacker News - Newest: "LLM"
S
Security Affairs
AWS News Blog
AWS News Blog
S
Secure Thoughts
腾讯CDC
Cloudbric
Cloudbric
H
Help Net Security
The GitHub Blog
The GitHub Blog
阮一峰的网络日志
阮一峰的网络日志
C
Cyber Attacks, Cyber Crime and Cyber Security
WordPress大学
WordPress大学
The Last Watchdog
The Last Watchdog
www.infosecurity-magazine.com
www.infosecurity-magazine.com
博客园 - 【当耐特】
Exploit-DB.com RSS Feed
Exploit-DB.com RSS Feed
D
DataBreaches.Net
A
About on SuperTechFans
G
GRAHAM CLULEY
Forbes - Security
Forbes - Security
Hugging Face - Blog
Hugging Face - Blog
Martin Fowler
Martin Fowler
Vercel News
Vercel News
Cisco Talos Blog
Cisco Talos Blog
NISL@THU
NISL@THU
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
Know Your Adversary
Know Your Adversary

腾腾博客

WordPress自动备份怎么设置?3种方案从免费到专业 - 腾腾博客 AI写作工具辅助外贸独立站SEO内容:5个实测可用的工作流 - 腾腾博客 共享主机 vs VPS vs 云主机:外贸建站新手2026年怎么选? - 腾腾博客 Namecheap域名注册教程:搜索域名+开启隐私保护+DNS解析,图文教程 - 腾腾博客 Cloudflare免费CDN接入WordPress站点教程:Super Page Cache插件详细设置 - 腾腾博客 搬瓦工Ultra VPS东京CN2 GIA线路实测:AMD EPYC新机房,全国延迟最高108ms(2026) - 腾腾博客 搬瓦工能退款吗?30天退款政策详解+工单申请步骤+常见拒绝原因 - 腾腾博客 1Panel搭建WordPress完整图文教程:以搬瓦工VPS为例,30分钟上线 - 腾腾博客 WordPress必装插件2026:外贸建站必备的15个插件 - 腾腾博客 Hostinger怎么申请退款?30天无理由退款申请全步骤图文教程 - 腾腾博客 外贸建站主机完整选购指南:8个标准帮你不踩坑,新手老手都适用 - 腾腾博客 GoDaddy域名注册完整教程:搜索域名→支付宝付款→DNS解析一步到位 - 腾腾博客 外贸独立站谷歌收录慢?7个有效方法加速收录,新站也适用 - 腾腾博客 宝塔面板SSL证书过期怎么办?自动续签配置教程+续签失败排查 - 腾腾博客 WordPress上传文件大小限制怎么改?5种方法完整教程,宝塔/VPS/共享主机都适用 - 腾腾博客 跨境电商 + 外贸独立站网络环境专用VPS推荐:7家CN2 GIA VPS真实测试,附IP纯净度检测 - 腾腾博客 WordPress 链接后面为什么多了个"-2"?别名被占用的排查与修复教程 - 腾腾博客 WordPress数据库连接错误怎么修复?6个排查步骤从根源解决 - 腾腾博客 2026年我用过的WordPress免费主题:10个速度快还好看的选择 - 腾腾博客 2026年我用过的WordPress免费主题:10个速度快还好看的选择 - 腾腾博客 丽萨主机 LisaHost 真实评测:CN2 GIA高防VPS性能实测+外贸建站指南(2026) - 腾腾博客 外贸独立站SEO内链策略:如何系统建立内链结构(实操指南) - 腾腾博客 Elementor vs Gutenberg:2026年该用哪个WordPress编辑器?深度对比 - 腾腾博客 Cloudflare域名转出完整教程:解锁 + 获取授权码 + 转入新注册商 - 腾腾博客 Hostinger VPS 真实测评:KVM 套餐性能实测 + 外贸建站值不值 - 腾腾博客 Hostinger VPS 搭建宝塔 + WordPress 完整教程(2026新手版) - 腾腾博客 UptimeRobot免费版使用教程:5分钟搭好网站宕机监控,第一时间收到通知 - 腾腾博客 Blocksy vs Astra:2026年轻量WordPress主题深度对比,哪个更适合你? - 腾腾博客 WordPress网站速度优化完整指南:主机 + WP Rocket + Imagify + CDN一站搞定 - 腾腾博客 WordPress 7.0 最新版下载(简体中文版,英文版)|2026 年稳定、安全、免费 - 腾腾博客 Hostinger vs SiteGround 2026:外贸新手如何选第一台主机?深度对比 - 腾腾博客 宝塔面板 vs 1Panel:2026 年新手建站选哪个面板?深度对比 - 腾腾博客
WordPress怎么做图片上传表单?Forminator插件:文件类型限制+大小设置完整教程 - 腾腾博客
ctzpj · 2026-06-23 · via 腾腾博客

外贸独立站经常会遇到,客户想要定制产品,需要先上传一张参考图或者设计稿;或者你做的是来料加工/OEM业务,客户提交询价盘的时候需要附上样品照片。

普通的联系表单只有文字字段,解决不了这个问题。这时候需要的是带文件上传功能的表单,Forminator免费版即可实现。

本文教程带你从零开始,做一个支持图片上传的表单,包括怎么限制只能上传图片格式、怎么设置文件大小上限、上传之后去哪里查看客户提交的图片。

如果还没有安装这个插件,进WordPress后台 → 插件 → 安装插件,搜索“Forminator”,找到Forminator Forms – Contact Form, Payment Form & Custom Form Builder,点安装并启用。

这是WPMU DEV出品的表单插件,免费版功能就很完整,60万+安装量,更新维护活跃。

插件下载地址:https://wordpress.org/plugins/forminator/

如果你还不会安装插件可参考:WordPress插件安装教程

wp forminator

创建新表单

安装完成后,左侧菜单选择会出现Forminator,点打开 表单,再点 +新建

forminator create new form button

会弹出模板选择窗口,你可以选现成模板,也可以选择空白(空白模板)自己从零来做。如果只是想快速做一个带图片上传的简单表单,选空白模板更直接,不需要删掉多余的字段。

添加文件上传字段

进入表单编辑器之后,点击 插入表单字段,可以看到免费版有很多可用字段。

forminator image upload form tutorial 1

在字段库里找到 文件上传 类别,里面有两个相关字段:

  • 文件上传(允许单文件上传):只提交一个文件
  • Multiple File Upload(多文件上传):允许提交多个文件

如果您只需要客户上传一张参考图,用单文件上传就够了;如果可能需要客户提供多角度的产品照片,选多文件上传。

把对应的字段插入就好了,很简单,插件界面都是中文。

限制只允许上传图片格式

字段加进去之后,点击这个字段,右边就会出现字段设置面板,这是整篇教程最关键的一步。

在字段设置里找到 允许的文件类型 选项,这里可以勾选允许上传的具体格式。如果你要限制成只能上传图片,勾选:

  • JPG / JPEG
  • PNG
  • GIF
  • WEBP

不要勾选PDF、DOC、ZIP等其他格式,这样客户就只能上传图片文件,提交其他格式会被拦截表单。(根据需求来勾选,不要全部勾选)

forminator image upload form tutorial 2

有一个细节需要提醒:根据WPMU DEV官方支持论坛的用户反馈,即使你只勾选了特定的文件类型(比如只golxlsx和csv),Forminator有时仍然会额外放行一些格式(比如webp、htm、html、js、json、svg),导致限制没有完全生效。这个问题官方支持团队当时建议导出用户表单配置、编辑手动文件类型参数后重新导入来

如果您设置完成之后发现限制没有完全按预期生效,建议先用各种格式的文件实际测试一遍上传效果,确认设置确实拦住了不该放行的格式;如果遇到放行了不该放行的格式,可以参考WPMU DEV的支持文档,或者直接联系官方客服协助调整。

设置文件大小上限

同样在限制字段设置面板里,找到文件大小限制,填入您允许的最大文件体积,单位通常是MB。

外贸场景下,客户上传的产品图一般在2-10MB之间,建议设置成8MB比较合理——既可以覆盖大部分手机拍摄的高清图片,也不会因为文件麻烦而导致上传超时或者占用过多的服务器空间。

forminator image upload form tutorial 3

需要提醒一点:根据WPMU DEV官方文档说明,文件大小的验证逻辑是在用户点击提交按钮之后才进行的,不是选择文件的那一刻就验证,所以如果客户要选择一个超大文件,可能等提交之后就会看到报错提示,体验上会有一点延迟。如果想要选择文件后先验证大小,官方支持建议的一个变通方法是将字段类型从“单文件上传”切换成“多文件上传”,这样选择文件时就可以立即触发验证。

设置上传数量限制(多文件上传时)

如果用的是多文件上传字段,还有一个 文件数量限制 选项,可以设置客户最多能上传几张图片。

外贸询盘场景,建议设置在3-5张之间——满足客户展示产品的不同角度细节,又不会让表单提交或者数据量变得繁琐。

开启“在媒体库中显示文件”(可选但推荐)

这一步在多人协作或者需要批量管理客户上传图片的场景下很有用。

在上传字段设置里启用“在媒体库中显示文件(在媒体库中文件)”这个选项之后,用户上传的文件会同步出现在WordPress媒体库里,方便您直接在WordPress后台统一查看和管理,无需每次都进表单提交记录里翻找。

forminator image upload form tutorial 4

补充其他字段,完善表单

图片上传字段配置好之后,根据您的实际需求,再加几个配置字段:

  • 姓名(姓名):客户基本信息
  • 邮箱(邮箱):方便您回复询盘
  • Textarea(多行文本):让客户描述具体需求
  • 联系电话(电话):如果需要进一步联系

把这些字段按合适的顺序拖到表单里,调整好布局。

保存并发布表单

表单构建完成后,点击右上角保存(保存),再点发布(发布)

发布之后,Forminator会给你一个简码(短代码),类似的格式[forminator_form id="123"],把这个简码粘贴到你要显示表单的页面或文章里,表单就会显示出来。

查看客户上传的图片

表单上线后,客户提交的内容(包括上传的图片)去哪里看?

进入 Forminator 左侧菜单栏 →提交,找到回复表单,点开就可以看到每一条提交记录,上传的图片可以直接在这里点击查看或下载。

如果之前开启了“在媒体库中显示文件”这个选项,这些图片也同步出现在媒体→媒体库里,方便统一管理。

常见问题

免费版Forminator能限制文件类型和大小吗?

Forminator的上传字段支持单文件和多文件上传,并且可以设置文件类型、文件数量和文件大小的限制,这些都是免费版本自带的功能,不需要升级Pro版本。

客户上传的图片存在哪里,会不会占用很多服务器空间?

上传的文件默认在WordPress的uploads目录里,和普通媒体文件一样占用服务器存储空间。如果你的表单提交量很大、图片体积又不大,建议定期清理不需要的旧提交记录,或者考虑配合云存储插件把文件转存到第三方空间。

上传字段可以设置成必填吗?

可以,在字段设置面板里有Required(必填)开关,开启之后客户不上传文件就无法提交表单。

表单提交后,我能收到邮件通知吗?

可以,进入表单设置里的 通知 标签页,配置好接收邮件地址,每次有新提交都会发邮件提醒你,图片附件信息也包含在通知里。

配合表单一起优化

表单填写完毕后,这几件事可以让整体体验更完整:

邮件通知能正常发送:很多人表单收到安装好了,但忘记配置SMTP,结果客户确认提交了表单但你压根没有通知邮件。

详细配置教程:WP Mail SMTP配置教程

防止表单被垂直营销机器人灌水:图片上传表单如果不设置防护,很容易被恶意大规模脚本投入大量内容占用服务器空间。

防垃圾插件对比:Akismet vs CleanTalk WordPress 防垃圾评论对比

如果上传的图片体积限制比较大,注意服务器的上传:有时候插件方面设置了8M-10MB上限,但服务器PHP配置的上传限制的话,实际上还是传不上去。

详细修复教程:WordPress上传文件大小限制怎么改

服务器性能跟进不上,表单补充卡

带文件上传功能的表单,对服务器的要求比纯文字表单更高——每次客户上传图片,都涉及到文件写入和处理,入门级共享主机如果资源紧张,可能会出现上传超时或者卡顿的情况。

如果你的网站经常因为文件上传功能卡顿、或者找到主机的存储空间已经快不够用,可以考虑换一个性能更好的主机:2026年外贸建站主机推荐,附上真实测速数据,帮助适合当前阶段的选择。

需要更大的存储空间和带宽的,VPS也是一个的方向:VPS主机推荐,附加延迟和运行分实测

购买主机前记得看一下:本月主机优惠码汇总,能省一些。

WordPress 表单插件的完整对比,可以参考:WordPress 表单插件推荐对比

WordPress必装插件清单,表单仅其中之一:WordPress必装插件2026:15个免费插件清单

WordPress安装完成后的基础配置:WordPress安装后必做的设置清单

整套流程做下来,10分钟以内就可以搞定一个支持图片上传的询盘表单。对外贸独立站来说,这个功能可以省去很多来回邮件传图的麻烦,客户提交询盘的时候直接把参考图一并带过来,沟通效率高很多。