如何将画布图像发送到电子邮件

Question

我正在尝试将画布图像发送到电子邮件。 首先我使用html2canvas.js将div内容捕获到画布然后我得到dataurl现在我想将该图像上传到电子邮件。

请帮助我解决问题

<div class="container">
<p>Some content goes here this content may have stylish text and icons</p>
<p>More contents</p>
</div>
<input type="submit" id="capture_div">
<script>
$(function(){
$('#capture_div').click(function(){
    html2canvas($('.container'), {
     onrendered: function (canvas) {
       var img = canvas.toDataURL("image/png");
       $.ajax({
              type: "post",
              url: "send_mail.php",
              data: {img: canvas.toDataURL("image/png")},
              dataType: "json",
              success: function (data) {
              ..................
              },
              error: function () {
              .................
              }
        });
    }
}
</script>

我现在正在获取send_mail.php中的值

<?php
$msg = '<img width="160" height="160" alt="star" src="'.$_POST['img'].'" />';
mail("someone@example.com","My subject",$msg);
?>

Answer 1

我通过将画布图像保存到文件夹并附加到邮件来解决了这个问题。