发送html2pdf pdf或html2canvas图片到邮箱。

问题描述 投票:0回答:1

我有两个PHP页面。第一个是一个用户输入数据的表单,当提交后,第二个页面创建了一个div,使 "发票"。这个页面有选项保存发票为PDF或IMG。这个页面也会自动发送确认邮件。

我想在这封邮件中也发送PDF或图片作为附件。

html2canvas.js .png。

function picDiv() { 
html2canvas($('#printableArea')[0], {
  width: 1200
}).then(function(canvas) {
  var a = document.createElement('a');
  a.href = canvas.toDataURL("image/png");
  a.download = 'nalog.png';
  a.click();
});
};

和html2pdf.js来生成pdf。

function pdfDiv() { 
var element = document.getElementById('printableArea');
var opt = { 
    filename:     'nalog.pdf'
};
html2pdf().set(opt).from(element).save();
};

我读到过以下内容 使用文件输入类型向服务器发送图像, html2canvas和jsPDF:将生成的pdf作为电子邮件附件发送。. 也是这样的外部文章。将HTML5画布作为图片发送至服务器html2pdf github post.最后一个html2pdf github帖子说下面的代码可以发送到电子邮件或服务器,但我不知道如何将其发送。它成功地将pdf转换为字符串。

    html2pdf().from(element).toPdf().output('datauristring').then(function (pdfAsString) {
//send via email.
        });

我的php邮件发送是。

$user = "some email";
$usersubject = "Initium - Vaš online radni nalog";
$userheaders = "From: some email";
$usermessage = "

//some content with php variables and text.

";    
mail($user,$usersubject,$usermessage,$userheaders);

如果有人能解释如何通过我已经有的这段代码发送PDF或IMAGE,我会很高兴.请记住,这一切都在同一页面上,而且这需要在同一页面加载时完成。

我尝试了许多事情和方法来做,并得到了迷失,因为这是一个新的领域对我来说。任何帮助是感激的。

EDIT:

完整的工作解决方案在这里。https:/stackoverflow.coma614183667158959

javascript php html2canvas html2pdf
1个回答
1
投票

好的,所以我猜你需要这两步。

第1步:从前端向服务器发送文件内容.在你的JavaScript中使用以下内容,就在你得到文件内容作为一个字符串之后(比如,一个名为 "pdfcontent "的变量)。

    var x = new XMLHttpRequest();
    var url = "<your domain>/mail.php";
    x.open("POST", url, true);
    x.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    x.send("data="+pdfcontent);

当然,这只是一个骨架代码--一个真正的程序必须包括错误检查,防止各种攻击,等等,但这完全是另一回事。也有可能你需要将 "pdfcontent "格式化,这样它就可以像这样作为一个URI参数。

步骤2:现在你的 "mail.php "脚本(或者不管你怎么称呼它--"mail "命令的那个)已经收到了$_POST['data']字符串中的文件内容。或者你在服务器端已经有了二进制的文件内容(PDF或者其他什么)(你的问题并不清楚)。不管是哪种情况,你只需要把它附加到邮件中,然后就可以发送了。二进制附件确实很麻烦,所以我建议下载并安装PHPMailer (https:/github.comPHPMailerPHPMailer。)--它非常友好,易于安装和使用。一旦你安装了它,在你的PHP脚本中使用下面的内容来代替 "mail "命令。

    use PHPMailer\PHPMailer\PHPMailer;
    use PHPMailer\PHPMailer\Exception;
    require_once "PHPMailer/src/Exception.php";  // directory may be different on your server
    require_once "PHPMailer/src/PHPMailer.php";  // directory may be different on your server

    $mail = new PHPMailer;
    $mail->addAddress(...);   // specify "To" address
    $mail->setFrom(...);   // specify "From" address
    $mail->Subject = ...;   // specify subject line
    $mail->Body    = ...;   // specify email content
    $mail->addStringAttachment(<binary string with file content>, "nalog.pdf");
    $mail->send();

如果你想确保你的邮件能到达目的地,而不是被卡在垃圾邮件文件夹里,那么发送邮件的方法就不止这些了,但那是另外一回事。另外,如果你通过$_POST接收这些数据,那么你必须正确地验证它,否则它只是一个定时炸弹。你还必须确保你的脚本不能被直接使用,否则任何人都可以代表你发送任何垃圾邮件,你就会有麻烦了.虽然我不知道在这种设置下如何防止这种攻击。你可能要重新考虑你的整个架构,只在服务器上生成文件内容,完全不使用AJAX来实现这个目的--太危险了。


0
投票

如果你在客户端已经有了一个字符串,那么最简单的方法就是使用AJAX将其发送到服务器.你可以简单地直接创建XMLHttpRequest对象(查一下,很简单),或者也许JQuery(你显然正在使用)有一个更简单的方法,不确定,多年来没有使用它.无论如何,使用AJAX,你只需将文件内容作为一个字符串发送到那个有'mail'命令的PHP脚本,应该就是这样.如果你需要一个详细的代码示例,告诉我。

© www.soinside.com 2019 - 2024. All rights reserved.