纯html无法直接将文件上传并发送至邮箱，因浏览器安全限制禁止前端访问文件内容及调用smtp；mailto协议（rfc 2368）不支持附件，仅预填to、subject、body等文本字段，所有主流邮件客户端均忽略body中的base64或本地路径；表单action设为mailto时，文件字段被静默丢弃；可行方案仅有两类：一是使用emailjs等第三方中继服务（需注册，文件≤5mb），二是自建后端接口（如node.js+nodemailer）接收multipart/form-data并调用smtp发送。
纯 HTML 无法把上传的文件直接发送到邮箱。 input type="file" 只能读取本地文件，但浏览器出于安全限制，禁止前端 JavaScript 直接访问文件内容并调用 SMTP 发送——mailto: 链接也不支持附件，所有主流客户端（Outlook、Mail.app、Gmail 网页版）都会忽略 body 里的二进制数据或 base64 内容。
为什么 mailto 不支持附件
mailto 是一个简单 URI 协议，只定义了预填字段（to、subject、body 等），RFC 2368 明确不包含附件机制。你可能会看到有人拼接 body=base64... 或尝试在 body 里写入文件路径，这些都无效：
- 浏览器不会解析 base64 并附加为 MIME part
- 本地文件路径（如
C:\xxx\file.pdf）在 URL 中无意义，且被 URL 编码后变成乱码 - 即使手动构造含
Content-Disposition的文本，邮件客户端也完全无视
表单 enctype="multipart/form-data" 也不能绕过限制
HTML 表单本身支持文件上传，但前提是 action 指向一个真实服务器端点：
-
<form action="/send" method="post" enctype="multipart/form-data"></form>是合法语法 - 但若你把
action写成mailto:xxx@example.com，浏览器会静默失败或退化为纯文本提交（丢弃文件字段） - Chrome、Firefox、Safari 均不支持
mailto+ 文件上传的组合，这不是 bug，是协议级禁止
可行的替代路径只有两条
必须引入服务端或第三方中转：
- 用
emailjs这类轻量 SDK：它把文件转为 base64 后发给它的中继服务，再由其调用 SMTP 发出（注意：文件大小受限制，通常 ≤5MB，且需注册获取USER_ID） - 自建后端接口（如 Node.js + Nodemailer / Python + smtplib）：接收
multipart/form-data，校验文件类型与大小，再通过企业邮箱或 SendGrid/Mailgun 发送带附件的真实邮件 - 别信“纯前端 ZIP + mailto”之类方案——那些 demo 要么伪造 UI，要么实际调用了隐藏 iframe 提交到外部服务
最容易被忽略的一点：移动端（尤其是 Android）对 input type="file" 的触发和文件读取本身就不可靠，部分 WebView 甚至不返回 FileList。如果目标用户大量使用手机填写，连文件选择这一步都可能卡住，更别说后续发送了。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
