質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

Q&A

解決済

1回答

3194閲覧

Canvasのblob(png画像)をAjaxで送信(FormDataで)し、phpで受け取りたい

ringring7777

総合スコア25

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

0グッド

0クリップ

投稿2018/12/19 10:00

編集2018/12/19 10:07

ボタンをクリックしたら、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;

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2018/12/19 10:02

コードは ``` と ``` で囲ってください。読んでもらいたいなら。
ringring7777

2018/12/19 10:34

了解です。ありがとうございます。
guest

回答1

0

自己解決

$fd=$_FILES['image'];
でできました。

投稿2018/12/19 11:23

ringring7777

総合スコア25

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問