[解決済み] Javascriptでメールを送信する
2022-05-17 20:32:27
質問
ちょっと説明がわかりにくいので、ここで我慢してください...。
私は、ユーザーが私の Web サイト経由でテンプレート化された電子メールを送信できるシステムを構築したいのですが、実際には私のサーバーを使用して送信されません。アプリケーションは、ユーザーが自分で入力する手間を省くために、あらかじめ定義された変数でメールの本文を埋めます。その後、ユーザーの目的に合わない場合は、必要に応じてメッセージを編集することができます。
ユーザーのローカルのメールクライアントを介して送信したい理由がいくつかあるので、サーバーからメールを送信することはオプションではありません:100%クライアント側でなければなりません。
私はすでにほとんど動作するソリューションを実行しており、その詳細を回答として投稿するつもりですが、何か良い方法はないでしょうか。
どのように解決するのですか?
今やっている方法は、基本的にこんな感じです。
HTMLの方です。
<textarea id="myText">
Lorem ipsum...
</textarea>
<button onclick="sendMail(); return false">Send</button>
Javascriptのことです。
function sendMail() {
var link = "mailto:[email protected]"
+ "[email protected]"
+ "&subject=" + encodeURIComponent("This is my subject")
+ "&body=" + encodeURIComponent(document.getElementById('myText').value)
;
window.location.href = link;
}
これは意外なことに、わりとうまくいきます。唯一の問題は、本文が特に長い場合(2000文字以上)、新しいメールが開かれるだけで、その中に情報がないことです。私は、URL の最大長を超えていることと関係があるのではないかと思います。
関連
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は?
-
[解決済み] あるJavaScriptファイルを他のJavaScriptファイルにインクルードするにはどうすればよいですか?
-
[解決済み] JavaScriptでメールアドレスを検証するのに最適な方法は何ですか?
-
[解決済み] JavaScriptでタイムスタンプを取得する方法は?
-
[解決済み] JavaScriptで現在のURLを取得する?
-
[解決済み】JavaScriptの比較では、どちらの等号演算子(== vs ===)を使うべきですか?
-
[解決済み】オブジェクトからプロパティを削除する(JavaScript)
-
[解決済み] ドット記法の文字列を使用してオブジェクトの子プロパティにアクセスする [重複].
-
[解決済み] Facebook Reactでコードを再利用するためのミキシンとコンポーネントの使い分け
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】JavaScriptからメールを送信する方法
-
[解決済み] event.targetを使用して、要素の親要素をターゲットにすることができますか?
-
[解決済み] jQuery scroll() は、ユーザーがスクロールを止めたことを検出する。
-
[解決済み] SVG のテキスト要素の幅を取得する
-
[解決済み] ネストしたオブジェクトのプロパティを動的に設定する
-
[解決済み] JavaScriptでクエリ文字列が存在するかどうかを確認するには?
-
[解決済み] async-await from functionを使用して非同期関数から値を返すには?重複
-
[解決済み] Chrome DevToolsでソースマップを無効にする
-
[解決済み] react-hooksによるステート更新時の非同期コードの実行
-
[解決済み] JavaScriptの文字列は何バイトですか?