我有一个画布，用户可以与之交互以更改设计。现在，在用户完成更改后，他可以提交他的设计以及他的电子邮件 ID。但是要提交设计，我将使用http://www.nihilogic.dk/labs/canvas2image/ 将画布转换为图像
现在我想将此图像连同用户的电子邮件 ID 一起发送。如何在不让用户将其保存在本地系统上的情况下直接发送此图像。
【问题讨论】：
标签： php javascript jquery html canvas
if(!empty($_POST['email'])){
$email=$_POST['email'];
$image=$_POST['legoImage'];
$headers="From:".$email."\r\n";
$headers .= "MIME-Version: 1.0\r\n";
$headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n";
list($settings, $encoded_string) = explode(',', $image);
list($img_type, $encoding_method) = explode(';', substr($settings, 5));
if($encoding_method == 'base64'){
$file=fopen("images/newLego.png",'w+');
fwrite($file,base64_decode($encoded_string)) ;
fclose($file);
}
$my_file = "newLego.png";
$my_path = "images/";
$my_subject = "My Design";
$my_message = "Designed by ".$email;
mail_attachment($my_file, $my_path, "myemail@gmail.com", $email, $email, $email, $my_subject, $my_message);
}
我拿起了mail_attachment() 函数here。
【讨论】：
我认为您需要一些 javascript 魔法，并且因为您已经使用 HTML5 画布，所以这应该不是问题。
因此，提交按钮上的 onclick 事件将向您的后端 php 邮件脚本发出 ajax 请求。
var strDataURI = oCanvas.toDataURL();
// returns "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACt..."
您只需将 strDataURI 作为参数传递。 现在，我认为您还应该将这些保存在您的数据库中，这样电子邮件中就可以包含这个图像标签：
<img src="http://www.yourdomain.com/generate_image.php?id=2" alt="Design #2" />
generate_image.php 脚本会做这样的事情
<?php
header('Cache-control: max-age=2592000');
header('Expires: ' . gmdate('D, d M Y H:i:s \G\M\T', time() + 2592000));
// connect to db here ..
// $id = (int)$_GET['id']; "SELECT youtable WHERE id = '{$id}'"
// and the $image variable should contain "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACt..."
list($settings, $encoded_string) = explode(',', $image);
list($img_type, $encoding_method) = explode(';', substr($settings, 5))
header("Content-type: {$img_type}");
if($encoding_method == 'base64')
die(base64_decode($encoded_string)); // stop script execution and print out the image
else { // use another decoding method
}
【讨论】：