ボタンをクリックしたら、Canvasのblob(png画像)をAjaxで送信(FormDataで)し、phpで受け取りたいです。
saveAsでpng画像をクライアント側ではダウンロードできたので、blobは画像のデータとなっているのですが、php側でうまく受け取れません。
よろしくお願いいたします。
●JSコード
$(function() { $("#btnSave").click(function() { html2canvas($("#w"),{ onrendered: function(canvas) { theCanvas = canvas; document.body.appendChild(canvas); canvas.toBlob(function(blob) { saveAs(blob, "D.png"); var fd = new FormData(); fd.append("image", blob); console.log("blob="+blob); //fd.append("id", "1"); $.ajax('u.php',{ type: 'post', processData: false, contentType: false, dataType: "html", data:fd, success: function(data) { console.log("data="+data); },error: function(XMLHttpRequest, textStatus, errorThrown) { console.log("ERROR");console.log(textStatus);console.log(errorThrown); } }); }); } }); }); });
●php
$fd=$_POST['image']; echo "fd=".$fd;
回答1件
あなたの回答
tips
プレビュー