Estoy desarrollando una aplicación web en la que el usuario podrá configurar una piscina arrastrando varios íconos en un plano (escaleras, skimmer, luz...).
Una vez realizada la configuración, el usuario puede hacer clic en un botón para recibir el blueprint por correo electrónico.
Hice la función que toma la captura de pantalla y funciona bien, también hice la función PHP que envía el correo (hecho con PHPmailer) y también funcionó.
Mi problema es que no puedo encontrar una manera de adjuntar el resultado de mi captura de pantalla que se almacena en la variable JS "url" y se le dio al html en la identificación "linkImg" :
function getPNG(){ html2canvas(document.querySelector("#plan")).then(canvas => { document.getElementById("box1").appendChild(canvas) var url = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream"); const linkImg = document.getElementById("linkImg"); linkImg.href=url; linkImg.download="plan.png"; }); }Aquí el código de la parte php que necesito completar:
<?php $mail->addAttachment(); ?>Traté de dar como argumento: '$(#linkImg)' pero sin sorpresa no funciona.
Les agradezco de antemano cualquier ayuda. que tengas un buen dia
La imagen está en el navegador, pero su código PHP está en su servidor, por lo que debe pasar los datos de la imagen del navegador al servidor. La mejor manera de hacerlo es con fetch . Aquí hay un ejemplo que muestra cómo enviar datos de lienzo usando fetch. En el lado del servidor, deberá decodificar la URL data :
$img = $_POST['img']; $img = str_replace('data:image/png;base64,', '', $img); $img = str_replace(' ', '+', $img); $data = base64_decode($img); y luego podrá agregarlo a su mensaje de correo electrónico directamente, sin pasar por un archivo, usando addStringAttachment() :
$mail->addStringAttachment($data, 'image.png');