WordPressを使ったサイトのお問い合わせフォームから、 HTMLを画像に変換したものを、メールに添付して送信したい

Question

WordPressを使ったサイトのお問い合わせフォームから、
HTMLを画像に変換したものを、メールに添付して送信したいです。

HTMLは入力内容によってjQueryを使ってソースが変わるようになっており、
見た目上の問題から画像かHTMLをメールにのせたいです。
html2canvasを使って、HTMLを画像にすることはできましたが、
メールに添付するところでつまづいています。

ContactForm7が使えると良いなと考えていますが、必須ではありません。
HTMLをテキストエリアに入れる、画像をinput type=fileに入れる、ということは仕様上できないようなので、
どうしたものかと悩んでいます。

よろしくお願い致します。

Comments

[tanat]

「見た目上の問題から画像かHTMLをメールにのせたいです。 」というのは、問い合わせ内容の確認を問い合わせた人に送信する際の見た目の話でしょうか？それとも、問い合わせ内容を管理者が確認する際の見た目の問題でしょうか？

[tarooooo]

問い合わせた内容の確認として使えるように、管理者がメインですが、送信者も出来れば確認できるようにしたいです。

[tanat]

「html2canvasを使って、HTMLを画像にすることはできましたが、 」というのは画像をサーバに送信することに成功したということでしょうか？それとも、javascriptでクライアント側でスクリーンショット的な画像の生成に成功したということでしょうか。

[tarooooo]

「javascriptでクライアント側でスクリーンショット的な画像の生成に成功した」という状態です。「<img src="data:image/png;base64～～～">」のように出力できています。

Answer 1

管理者がメインなのであれば、入力した画面そのものを記録する必要は一切なく、
値を受け取った後の入力画面と同様のHTMLをサーバ側で組み立てて見やすい形でHTMLメールで送ったり、PDF化して添付するといったアプローチが良いかと思います。

今やろうとしているアプローチは「画像をユーザが知らない間にPOSTさせる」ということになり、
セキュリティ上の問題でそのような実装は出来ないはずですし、できたとしても「とても」不審な動きになると思います。

どうしてもやりたければ、生成した画像を一度ファイルとして保存してもらい、それを改めてフォームにアップロードしてもらうような流れになるかと思いますが、UI的に複雑ですし、ユーザーとしてはげんなりする仕様になってしまうかと思います。

Comments

[tarooooo]

ご回答ありがとうございます。
教えていただいたような、別なアプローチも考えてみます。