使用html2pdf生成PDF并通过Ajax发送至PHPMailer的完整教程

<div id="printPage">     <h1>这是一个PDF标题</h1>     <p>这是需要转换为PDF的内容。</p>     <ul>         <li>列表项1</li>         <li>列表项2</li>     </ul>     @@##@@ </div> <button id="sendPdfBtn">生成并发送PDF</button>

// 获取需要转换为PDF的HTML元素 let page = document.getElementById('printPage');  // html2pdf 配置选项 var pdfOptions = {     margin: [5, 0, 0, 0], // 上右下左边距     filename: 'document.pdf', // 尽管不直接保存，但此文件名会作为附件默认名     image: {         type: 'jpeg',         quality: 1 // 图片质量     },     pagebreak: {         mode: ['legacy'] // 分页模式     },     html2canvas: {         scale: 3 // html2canvas 渲染比例     },     jsPDF: {         unit: 'mm', // 单位         format: 'a4', // 纸张格式         orientation: 'portrait' // 方向：纵向     } };  // 监听按钮点击事件 $(document).on('click', '#sendPdfBtn', async function() {     let pdfContent;      try {         // 使用 await 等待 PDF 生成为 datauristring         pdfContent = await html2pdf().from(page).set(pdfOptions).outputPdf('datauristring');         // 或者使用 .then() 回调方式         // await html2pdf().from(page).set(pdfOptions).outputPdf('datauristring').then(function(pdfAsString) {         //     pdfContent = pdfAsString;         // });          // 准备 Ajax 请求数据         let ajaxUrl = 'your_php_mailer_script.php'; // 替换为你的php脚本URL         let transaction = 'someTransactionType'; // 示例数据         let transactionId = '12345'; // 示例数据          $.ajax({             type: "POST",             url: ajaxUrl,             data: {                 action: "sendEmail", // 示例动作                 transaction: transaction,                 transactionId: transactionId,                 emailTo: $("#emailTo").val() || "recipient@example.com", // 接收者邮箱                 emailCc: $("#emailCc").val(), // 抄送                 emailBcc: $("#emailBcc").val(), // 密送                 emailSubject: $("#emailSubject").val() || "来自网站的PDF报告", // 邮件主题                 emailMessage: $("#emailMessage").val() || "请查收附件中的PDF文档。", // 邮件内容                 pdfContent: pdfContent // 核心：Base64编码的PDF内容             },             success: function(data) {                 console.log("邮件发送响应:", data);                 alert("邮件发送成功！");             },             error: function(xhr, status, error) {                 console.error("Ajax请求失败:", status, error);                 alert("邮件发送失败，请查看控制台了解详情。");             }         });      } catch (error) {         console.error("PDF生成或发送过程中发生错误:", error);         alert("PDF生成或发送失败。");     } });

<?php // 引入 PHPMailer 相关的类文件 use PHPMailerPHPMailerPHPMailer; use PHPMailerPHPMailerException;  require 'path/to/PHPMailer/src/Exception.php'; require 'path/to/PHPMailer/src/PHPMailer.php'; require 'path/to/PHPMailer/src/SMTP.php';  // 设置响应头，防止CORS问题或确保JSON响应 header('Content-Type: application/json');  // 检查是否是POST请求 if ($_SERVER['REQUEST_METHOD'] !== 'POST') {     echo json_encode(['status' => 'error', 'message' => 'Invalid request method.']);     exit; }  // 获取前端发送的PDF内容及其他邮件信息 $pdfdoc = $_POST['pdfContent'] ?? ''; $emailTo = $_POST['emailTo'] ?? ''; $emailCc = $_POST['emailCc'] ?? ''; $emailBcc = $_POST['emailBcc'] ?? ''; $emailSubject = $_POST['emailSubject'] ?? '邮件主题未设置'; $emailMessage = $_POST['emailMessage'] ?? '邮件内容为空';  // 验证PDF内容是否存在 if (empty($pdfdoc)) {     echo json_encode(['status' => 'error', 'message' => 'PDF content is missing.']);     exit; }  // 提取Base64编码的PDF数据 // 'data:application/pdf;base64,' 这个前缀需要被移除 $pdfData = substr($pdfdoc, strpos($pdfdoc, ',') + 1); // 从逗号后面开始截取  // 对Base64数据进行解码 $decodedPdf = base64_decode($pdfData);  // 检查解码是否成功 if ($decodedPdf === false) {     echo json_encode(['status' => 'error', 'message' => 'Failed to decode PDF content.']);     exit; }  // PHPMailer 实例 $mail = new PHPMailer(true); // true enables exceptions  try {     // 服务器设置 (根据你的SMTP服务商配置)     $mail->SMTPDebug = 0; // 0 = off (for production), 1 = client messages, 2 = client and server messages     $mail->isSMTP(); // 使用SMTP     $mail->Host       = 'smtp.yourdomain.com'; // SMTP 服务器地址     $mail->SMTPAuth   = true; // 启用SMTP认证     $mail->Username   = 'your_email@yourdomain.com'; // SMTP 用户名     $mail->Password   = 'your_email_password'; // SMTP 密码     $mail->SMTPSecure = PHPMailer::ENCRYPTION_STARTTLS; // 启用TLS加密，或者 PHPMailer::ENCRYPTION_SMTPS for SSL     $mail->Port       = 587; // TLS 端口通常是 587，SSL 端口通常是 465      // 收件人     $mail->setFrom('sender@yourdomain.com', 'Your Company Name'); // 发件人邮箱和名称     $mail->addAddress($emailTo); // 收件人邮箱     if (!empty($emailCc)) {         $mail->addCC($emailCc); // 抄送     }     if (!empty($emailBcc)) {         $mail->addBCC($emailBcc); // 密送     }      // 附件     // AddStringAttachment(string $string, string $filename, string $encoding = 'base64', string $type = '', string $disposition = 'attachment')     // 这里我们传入的是原始的二进制PDF数据，所以编码类型是 'base64' (因为它之前是base64编码的)，MIME类型是 'application/pdf'     $mail->AddStringAttachment($decodedPdf, "GeneratedDocument.pdf", "base64", "application/pdf");      // 内容     $mail->isHTML(true); // 邮件内容为HTML格式     $mail->Subject = $emailSubject; // 邮件主题     $mail->Body    = nl2br(htmlspecialchars($emailMessage)); // 邮件HTML内容，nl2br保留换行，htmlspecialchars防止xss     $mail->AltBody = strip_tags($emailMessage); // 纯文本内容，用于不支持HTML的邮件客户端      $mail->send();     echo json_encode(['status' => 'success', 'message' => 'Message has been sent.']);  } catch (Exception $e) {     echo json_encode(['status' => 'error', 'message' => "Message could not be sent. Mailer Error: {$mail->ErrorInfo}"]); } ?>