将canvas标记的内容传输到php脚本

时间:2011-11-02 20:39:00

标签: php javascript jquery html5-canvas

  

可能重复:
  Sending images from Canvas elements using Ajax and PHP $_FILES

我创建了一个应用程序,用户可以在其中实时编辑canvas标签的内容。 然后它会检索标记的内容,如下所示:

var canvas = document.getElementById("canvas");
var imgca  = canvas.toDataURL("image/png");

现在我正在寻找一种方法将imgca变量的内容传递给PHP脚本,然后通过电子邮件发送用户。

有没有人有任何想法?

1 个答案:

答案 0 :(得分:0)

您可以尝试使用隐藏输入元素的表单发布到php脚本并使用您的imgca设置此隐藏输入元素的值,所以有类似的东西:

var canvas = document.getElementById("canvas");
var imgca  = canvas.toDataURL("image/png");

document.getElementById("hiddenElement").value = imgca;
document.getElementById("myHiddenForm").submit();

使用html:

<form id="myHiddenForm" action="somescript.php" method="post" style="display:none;">
    <input type="hidden" id="hiddenElement" value="" />
</form>