jquery ajax表单提交和带有附件的电子邮件答案

【问题标题】：jquery ajax form submit and email with attachmentjquery ajax表单提交和带有附件的电子邮件
【发布时间】：2012-03-01 16:16:28
【问题描述】：

我正在处理一个 php 表单提交。表单在一个 html 文件中，方法是 submit.php。字段是-
1.名称（文字）
2. 电话（文字）
3. 电子邮件（测试）
4. 简历（文件）
5. 评论（文本区域）

我正在使用 jquery 表单验证插件 (bassistance.de) 和 jQuery 表单插件 (jquery.malsup.com/form)。我希望使用 ajax 提交表单并通过电子邮件发送到一个地址。我已经成功地做到了。但问题是文件。我无法理解程序。文件是否必须先上传到服务器，然后作为附件发送？或者它可以将文件作为附件从客户的电脑发送？我真的很困惑。请帮我解决这个问题。此外，如果必须上传文件，那么 ajax 上传示例将非常有帮助。 ajax 提交表单时无法上传文件。

【问题讨论】：

所以过程是 - 观众看到表格，完成它，从电脑中选择一个文件作为附件并发送它。 php 文件将发送带有附件的电子邮件。不需要上传。可以举个例子吗？

标签： php jquery ajax forms email

【解决方案1】：

您必须让用户上传文件，然后将其附加到电子邮件中。

姓名（文字）
电话（文字）
电子邮件（测试）
简历（文件）
评论（文本区域）

一旦用户提交表单，您必须获取文件 (CV) 请注意默认的 AJAX POST 不支持文件。所以你必须使用某种隐藏的 iframe POST 技术，因为你也在上传文件。一旦文件上传到服务器。您可以将其附加到您的邮件中并通过 PHP 发送。

还有几个 jQuery 插件也可用于此。如果您喜欢插件，可以使用它们。

见http://viralpatel.net/blogs/2008/11/ajax-style-file-uploading-using-hidden-iframe.html

【讨论】：

我还阅读了有关“隐藏 iframe 帖子”的内容。你能举个例子吗？？

【解决方案2】：

不要重新发明轮子...

我会通过uploadify 插件-http://www.uploadify.com/ 上传文件。它很像 Gmail，看起来很脆。
当您上传文件时，只需禁用提交按钮或进行一些验证以防止在没有文件的情况下提交。

下图是如何实现下载的：

【讨论】：