PHP 入門

PHP
メール

株式会社 サンエツ

PHPMailerを使用して添付ファイル付メールフォームの作成
PHP 添付ファイル付メールフォームの作成(その1)

phpでメールフォームを作成するだけなら簡単ですが、添付ファイルを付けるとなると時間の無い方 は少し問題です。

ご安心ください。そんな時間も手間もかけられない方でも「PHPMailer」を利用すると簡単に メールフォームにファイルを添付することが出来ます。

htmlのメールフォームファイルとphpファイルの設置

htmlのメールフォームファイルは名前を「phpsample1.html」、phpファイルは名前を「phpsample1.php」 として同じフォルダーに作成してください。両ファイルともまだ何も書かれていません。

「PHPMailer」の設置

「PHPMailer」のサイトには「phpmailerのは、PHPのためのフル機能のメール転送クラスです」と書かれています。
最初に「PHPMailer_5.2.4.zip」をダウンロードします。→ phpmailer
「PHPMailer_5.2.4.zip」はダウンロードしたら解凍します。フォルダーの内容はそのままにしておきます。 インストールの必要はありません。
解凍先はどこでもいいのですが今回はメールフォームのhtmlファイルと同じ階層に設置します。 赤枠が「PHPMailer_5.2.4」で青枠がメールフォームのhtmlファイルです。

htmlでメールフォームを作成します。

メールフォームは簡単なものですので後でカスタマイズしてください。
  1. formタグにphpファイルのアドレスと、値をphpファイルに渡すために「method="post"」と ファイルの中身も渡すため「enctype="multipart/form-data"」も記入します。 バイナリデータの添付ファイルではなくても「enctype="multipart/form-data"」は記入してください。 記入しないと、ファイル名しか渡せません。

    <form action="phpsample1.php" method="post" enctype="multipart/form-data">
  2. formタグの間にテーブルを5行の2列で設置します。


  3. テーブルの各欄の項目に記入欄にmethod="post"で渡すためのnameとクリアボタンのための idも付けておきます。必須項目にはrequiredも追加します。


    <input id="nme" type="text" name="fromname" required>
  4. クリアボタンを押すと記入欄に記入したものが削除されるようにjavascriptのDOM を使います。


javascriptのソースです。できればヘッダーの部分に記入してください。ボディ内でも構いません。
<script type="text/javascript">
function clr(){
//記入欄をからにする。
document.getElementById("nme").value="";
document.getElementById("adrs").value="";
document.getElementById("sb").value="";
document.getElementById("bd").value="";
document.getElementById("uf").value="";
}<
</script>
htmlのメールフォームのサンプルです。サンプルですので送信ボタンを押しても送信 されません。
お名前: ※入力必須
メールアドレス: ※入力必須
件名: ※入力必須
お問い合わせ内容: ※入力必須
htmlのサンプルソースは以下のようになります。
<form action="phpsample1.php" method="post" enctype="multipart/form-data">
<table><tr>
<td>お名前:</td>
<td><input id="nme" type="text" name="fromname" required>※入力必須</td>
</tr>
<tr>
<td>メールアドレス: </td><td><input id="adrs"type="text" name="from" required>※入力必須</td>
</tr>
<tr>
<td>件名: </td>
<td><input id="sb" type="text" name="subject" required>※入力必須</td>
</tr>
<tr>
<td>お問い合わせ内容:</td>
<td><textarea id="bd" name="body" cols="40" rows="4" required></textarea>※入力必須</td>
</tr>
<tr>
<td></td>
<td><input  type="file"name="upfile">
<input type="submit">
<input type="button" value="クリア" onclick="clr()">
</td>
</tr>
</table>
</form>
メールフォームのhtmlファイルが出来ましたので、次のページではphpファイルを作成します。
基本操作編INDEXに戻る場合はコチラ↓
株式会社 サンエツ
〒252-1121 神奈川県綾瀬市小園883-1
TEL :0467-76-7228
FAX :0467-77-3448
E-mail :info@sanetu.main.jp
URL : http://sanetu.main.jp