javascript - フォーム投稿の一部としてhtml5キャンバスを送信するには?

Question

イメージ データをキャンバス タグから node.js サーバーにストリーミングしようとしています。サーバー側のコードは自分で処理できますが、キャンバスからデータを送信するにはどうすればよいですか? データをストリーミングしたいので、マルチパートフォームデータに関する提案を期待しています.50 MB程度の画像を期待しているので. 一度にすべてのデータを投稿しようとすると、クライアントのブラウザーがクラッシュする傾向があります。

Answer 1

通常のファイル送信FormDataをエミュレートするために使用できます。"multipart/form-data"

canvas.toBlob( function(blob) {

    var formData = new FormData();

    formData.append("image_file", blob );
    var xhr = new XMLHttpRequest;
    xhr.open( "POST", "abc.php" );
    xhr.send(formData);

}, "image/png");

canvas メソッド.toBlobは指定されていますが実装されていません。canvas -to- blob.js などの polyfill を使用できます