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

<div id="printPage">     <!-- 這里是你要轉換為PDF的內容 -->     <h1>報告標題</h1>     <p>這是一段示例文本，將包含在PDF中。</p>     <table>         <thead>             <tr><th>列1</th><th>列2</th></tr>         </thead>         <tbody>             <tr><td>數據A</td><td>數據B</td></tr>         </tbody>     </table> </div>

// 獲取要轉換為PDF的html元素 const page = document.getElementById('printPage');  // html2pdf 配置選項 const pdfOptions = {     margin: [5, 0, 0, 0], // 上、右、下、左邊距     filename: 'generated_document.pdf', // 盡管此處設置了文件名，但發送時可能需要服務器端重新指定     image: { type: 'jpeg', quality: 1 },     pagebreak: { mode: ['legacy'] }, // 分頁模式     html2canvas: { scale: 3 }, // html2canvas 渲染比例     jsPDF: { unit: 'mm', format: 'a4', orientation: 'portrait' } // jsPDF 庫配置 };  let pdfContent;  // 異步函數，用于生成PDF并發送Ajax請求 async function sendPdfViaAjax() {     try {         // 使用 outputPdf('datauristring') 獲取Base64編碼的PDF字符串         // await 確保在獲取到pdfAsString后再繼續執行         pdfContent = await html2pdf().from(page).set(pdfOptions).outputPdf('datauristring');          // 構建Ajax請求數據         const requestData = {             action: "sendEmail", // 服務器端用于識別操作的參數             // 其他需要發送的郵件信息，例如：             transaction: "some_transaction_data",             transactionId: "12345",             emailTo: $("#emailTo").val(),             emailCc: $("#emailCc").val(),             emailBcc: $("#emailBcc").val(),             emailSubject: $("#emailSubject").val(),             emailMessage: $("#emailMessage").val(),             pdfContent: pdfContent // 將Base64編碼的PDF字符串作為參數發送         };          // 發送Ajax POST請求到后端         $.ajax({             type: "POST",             url: ajaxUrl, // 你的后端處理腳本URL             data: requestData,             success: function(response) {                 console.log("郵件發送成功:", response);                 alert("郵件已成功發送！");             },             error: function(xhr, status, error) {                 console.error("郵件發送失敗:", error);                 alert("郵件發送失敗，請稍后再試。");             }         });     } catch (error) {         console.error("生成PDF或發送Ajax時出錯:", error);         alert("操作失敗，請檢查控制臺信息。");     } }  // 觸發發送的事件監聽器，例如一個按鈕點擊事件 $(document).on('click', '#sendEmailBtn', function() {     sendPdfViaAjax(); });

<?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';  // 假設這是你的Ajax處理入口 if (isset($_POST['action']) && $_POST['action'] === 'sendEmail') {     // 接收前端發送的PDF內容及其他郵件信息     $pdfdoc = $_POST['pdfContent'] ?? '';     $emailTo = $_POST['emailTo'] ?? '';     $emailCc = $_POST['emailCc'] ?? '';     $emailBcc = $_POST['emailBcc'] ?? '';     $emailSubject = $_POST['emailSubject'] ?? '無主題';     $emailMessage = $_POST['emailMessage'] ?? '無內容';      // 從data URI字符串中提取Base64編碼的PDF數據     // datauristring的格式通常是: data:application/pdf;base64,實際數據     // 我們需要移除 "data:application/pdf;base64," 這部分前綴     $pdfData = substr($pdfdoc, strpos($pdfdoc, ',') + 1);      // 對Base64編碼的數據進行解碼     $decodedPdf = base64_decode($pdfData);      // 確保解碼成功且數據不為空     if ($decodedPdf === false || empty($decodedPdf)) {         echo "Error: PDF data decoding failed.";         exit;     }      // 創建PHPMailer實例     $mail = new PHPMailer(true); // 啟用異常處理      try {         // 服務器設置         $mail->SMTPDebug = 0; // 調試輸出 (0 = 關閉, 1 = 客戶端, 2 = 客戶端和服務器)         $mail->isSMTP(); // 使用SMTP         $mail->Host = 'your.smtp.host.com'; // 你的SMTP服務器地址         $mail->SMTPAuth = true; // 啟用SMTP認證         $mail->Username = 'your_smtp_username'; // SMTP 用戶名         $mail->Password = 'your_smtp_password'; // SMTP 密碼         $mail->SMTPSecure = PHPMailer::ENCRYPTION_STARTTLS; // 啟用TLS加密，或者 PHPMailer::ENCRYPTION_SMTPS 用于SSL         $mail->Port = 587; // TLS端口通常是587，SSL通常是465          // 收件人         $companyEmail = 'sender@yourcompany.com'; // 發件人郵箱         $companyName = 'My Company'; // 發件人名稱         $mail->setFrom($companyEmail, $companyName);         $mail->addAddress($emailTo); // 收件人郵箱         if (!empty($emailCc)) {             $mail->addCC($emailCc); // 抄送         }         if (!empty($emailBcc)) {             $mail->addBCC($emailBcc); // 密送         }          // 附件         // AddStringAttachment 允許直接從字符串添加附件         // 參數: $string, $filename, $encoding, $type         $mail->AddStringAttachment($decodedPdf, "GeneratedDocument.pdf", "base64", "application/pdf");          // 內容         $mail->isHTML(true); // 郵件內容為HTML格式         $mail->Subject = $emailSubject; // 郵件主題         $mail->Body    = nl2br(htmlspecialchars($emailMessage)); // 郵件HTML內容         $mail->AltBody = strip_tags($emailMessage); // 非HTML郵件客戶端的替代內容          $mail->send();         echo 'Message has been sent';     } catch (Exception $e) {         echo "Message could not be sent. Mailer Error: {$mail->ErrorInfo}";     } } else {     echo "Invalid request."; } ?>