-1
キャンバス画像をメールで送信しようとしています。 まず、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("[email protected]","My subject",$msg);
?>
...その画像をメールにアップロードしますか？誰が電子メールをアップロードしたいのか、いつ誰を理解していないのですか？ しかし、あなたはajax経由でバックエンドにdataurlを送ることができます。ちょうどフォームに追加する – iamkdev
返信ありがとう私は電子メールにdataurlを送信したくない、私は送信ボタンをクリックした後にメッセージとして動的に生成されたキャンバスイメージを挿入する必要があります。 –
このようなイメージを追加できます。「
」 –
iamkdev