将动态创建的PNG从ajax发送到phpMail附件？

所以基本上我已经尽了最大努力

我在我的网站上添加了一个新功能，包括创建一个PNG图像（html2canvas），允许用户下载图像（工作正常）和/或在创建图像后将其发送给“朋友”或“自己”

问题是，我无法让PHPmailer捕捉图像并将其发送到给定的电子邮件地址，它只是发送带有附件的电子邮件，但附件是空的

这是我最后的代码：

HTML:

PHP:

非常感谢！

---

一切都很感激

我终于明白了！我做了大量的研究，看到了stackoverflow的一篇文章，并实现了它

以下是从JS向PHPmailer动态（或非动态）发送图像或画布的方法

HTML:

PHP:

---

希望这有助于未来的人，它确实工作完美。收件人收到附加的png图像。

到达的数据是什么格式？看起来它可能是一个

data

URL，而不是您需要的二进制PNG数据。我们需要有关数据在脚本中的外观的更多信息。@Synchro它是base64，刚刚找到它。我自己来回答这个问题，谢谢！

<form id="form_id" method="post" enctype="multipart/form-data">
   <input id="form_image_data" type="hidden" name="image" value="">
   <button id="send">Send</button>
</form>

var canvas = document.querySelector('canvas').toDataURL();
var image = document.getElementById('form_image');
image.setAttribute('name', 'image');
var formData = new FormData($('#form_id')[0]);

        $.ajax({
            dataType: 'JSON',
            data: formData,
            type: 'POST',
            cache: false,
            contentType: false,
            processData: false,
            url: 'the_url_to_phpmailer',
            success: function(data) {
                alert(data.confirm);
            }
        });

$email = $_POST['email'];
$image = $_POST['image'];
$content = '.....';


$mail->setFrom('myemail@myemail.com', 'Website Name');
$mail->addAddress($email); 
$mail->isHTML(true);

$mail->addStringAttachment($image, 'image.png');
$mail->Subject = 'Image from website.';
$mail->Body    = $content;
$mail->AltBody = $content;

$mail->send();

<form id="form_id" method="post" enctype="multipart/form-data">
   <canvas id="canvas"> <!--image--> </canvas>
   <input id="hidden_input" type="hidden" name="image" value="">
   <button id="send">Send</button>
</form>

var send_this = document.getElementById('canvas').toDataURL("image/png");
document.querySelector('#hidden_input').value=send_this;

var formData = new FormData($('#form_id')[0]);
$.ajax({
            dataType: 'JSON',
            data: formData,
            type: 'POST',
            cache: false,
            contentType: false,
            processData: false,
            url: 'the_url_to_phpmailer',
            success: function(data) {
                alert(data.confirm);
            }
        });

 <?php

    $email = $_POST['email'];
    $image = $_POST['image'];

    $data = substr($image, strpos($image, ",")); /*This is important in order to make it work,
 the dataURL comming from JS comes with an extra string at the begining that does not belong to a base64 string, 
so we remove it and base64_decode after.*/

    $filename="image.png"; 
    $encoding = "base64"; 
    $type = "image/png";

    $email = $_POST['email'];
    $image = $_POST['image'];
    $content = '.....';

    $mail->setFrom('myemail@myemail.com', 'My Website Name');
    $mail->addAddress($email); 
    $mail->isHTML(true);

    $mail->AddStringAttachment(base64_decode($data), $filename, $encoding, $type);
    $mail->Subject = 'Image from website.';
    $mail->Body    = $content;
    $mail->AltBody = $content;

    $mail->send();

    ?>