canvas要素から生成したimg要素を別ページに送信したい

Question

canvas要素から生成したimg要素を別ページに送信したい

JavaScriptを使いWebカメラの映像を画像として保存し、別ページで表示するシステムを作っています。

発生している問題・エラーメッセージ

Webカメラの映像をvideo要素で表示し、それをcanvas要素にコピーしてimg要素を生成するところまではできましたが、それを別ページに送信する方法がわかりません。

該当のソースコード

img.src = canvas.toDataURL("image/png");

試したこと

input type="file"を用いて送信できないか調べたところ、セキュリティの関係でスクリプトで送信するデータを指定できないことが判明しました。
node.jsを使ってできないか調べましたがよく分かりませんでした。

補足情報（FW/ツールのバージョンなど）

解決策や参考になるサイト等ございましたらお願いします。

Answer 1

Ajaxで問題ないならBase64もしくはBlobをリクエストボディに入れてあげると送れると思います。
https://qiita.com/0829/items/a8c98c8f53b2e821ac94

Comments

[1persent]

この方法でできそうなので試してみます。
参考サイトまで教えていただきありがとうございます。