添付ファイルアドオンの設置手順の解説

レスポンシブ・メールフォームに組み込むことができる「添付ファイルアドオン」の設置手順を解説します。
機能や価格などの詳細は「レスポンシブ・メールフォームの添付ファイルアドオンについて」のページをご覧ください。

このページの内容は上記アドオンに同梱されている「添付ファイルアドオンの設置手順.txt」と同じ内容になります。
購入を検討中の方が参考にできるよう公開いたしました。

設置手順

1、zipファイルを展開します。

2、メールフォーム本体にあるaddonフォルダの中に、attachmentフォルダを入れます。

3、メールフォーム本体のindex.htmlに以下の2つのコードを追加します。
(index.htmlを、attachmentフォルダの中のindex(差し替え用).htmlと差し替えるだけでもOKです)

index.htmlのhead要素内に、以下のようにattachment.cssの読み込みを追加。

<link rel="stylesheet" type="text/css" href="addon/attachment/attachment.css" />

index.htmlのform要素内のdl要素の中に、以下のようにファイル添付用のdt要素とdd要素を追加。
(MAX_FILE_SIZEのinput要素は画面に表示されませんが必須です)

<dt>添付ファイル<br />(複数選択NG)<span>Attachment File</span></dt>
<dd>
  <ul>
    <li><input type="hidden" id="max_file_size" name="MAX_FILE_SIZE" value="" /></li>
    <li><input type="file" class="attachment" name="attachment[]" /></li>
    <li><input type="file" class="attachment" name="attachment[]" /></li>
    <li><input type="file" class="attachment" name="attachment[]" /></li>
    <li><input type="file" class="attachment" name="attachment[]" /></li>
    <li><input type="file" class="attachment" name="attachment[]" /></li>
    <li><input type="file" class="attachment" name="attachment[]" /></li>
  </ul>
</dd>

上のHTMLコードは1つのボタンにつき、1つのファイルを選択できるタイプとなります。
それに対し、下のHTMLコードでは1つのボタンで複数のファイルを選択することができます。(multiple=”multiple”が追加されています)

<dt>添付ファイル2<br />(複数選択OK)<span>Attachment File2</span></dt>
<dd class="required">
  <ul>
    <li><input type="hidden" id="max_file_size2" name="MAX_FILE_SIZE" value="" /></li>
    <li><input type="file" id="attachment_2" name="attachment_2[]" multiple="multiple" /></li>
  </ul>
</dd>

4、attachment-config.phpを開き、上記手順5と同じになるようにアップロードできるファイルサイズの上限を記入します。

$rm_upload_max_size = 2000000;

5、attachment-config.phpを開き、送信可能なファイル形式を1または0で指定します。
(許可する形式には1、許可しないものには0)

$rm_jpg = 1;
$rm_png = 1;
$rm_gif = 1;
$rm_zip = 0;
$rm_pdf = 0;
$rm_doc = 0;
$rm_xls = 0;

上のコードではJPG、PNG、GIFファイルを許可し、ZIP、PDF、DOCX(DOC)、XLSX(XLS)ファイルを不許可としています。
補足:WordファイルはDOCX(DOC)、EXCELファイルはXLSX(XLS)です。

設置は以上です。
実際にメールフォームに入力・ファイル指定をしてみて、ファイルが送信されるかを確認してみましょう。

補足説明

セキュリティ
添付ファイル機能というものは攻撃の的となりやすく、リスクの高い面があります。
例えば、容量の重いファイルを送ることでサーバをダウンさせたり、ウイルスを仕込んだ実行ファイルを送りつけたりすることもできます。

というように、添付ファイル機能はセキュリティ面でのリスクが増し、サーバにかかる負荷も増えるため、正確に、そして厳しめに設定をするほうが無難です。

特に、zip形式を許可するとどんなファイルでも添付できてしまうことになるため、必要性がなければzip形式は不許可にしたほうがベターです。(初期設定では不許可になっています)

input type=”file”の要素の追加について

MAX_FILE_SIZEのinput要素は必須です。これは消さないようお願いいたします。
これのid名やclass名は自由に変更できます。id属性やclass属性は無くても問題ありませんが、name属性とvalue属性は必須で変更不可です

input type=”file”のものは増やしたり減らしたり自由にできます。
これのname属性の名前は自由に変更したり、増やしたりできます。

また、dt要素とdd要素ごと増やしていくことも可能です。
その場合は、各グループのid属性やname属性はそのページ内で同一のものが存在しないよう唯一の名前にしてください。(class名は同一の名前があってもOK)

name属性は同一の選択肢グループに属するものは同じname属性名にし、末尾に[]を追加してください。
このあたりはチェックボックスを増やす場合と同じ仕様となっております。

チェックボックスの増やし方は、以下のページ内の「メールフォームの項目を増やす方法」を参考にしてください。
https://www.1-firststep.com/archives/1433

サポートについて

このアドオンには設置メールサポートが付属しています。
設置方法でご不明な点があったり、カスタマイズしていない初期状態なのに正常に動作しないような場合は、サポートBBSまたはお問い合わせページからお問い合わせください。

カスタマイズに関しては別途料金が発生いたしますので、ご了承ください。

サポートBBS

サポートBBS

サイト内を検索
アップデート情報

この「アップデート情報」欄はコンテンツ・メーカーを使用して更新・表示しています。

サイト運用事例
提供サポートなど
メールフォーム

ダウンロード一覧へ

カレンダー

これはビジネスカレンダーのサイト組み込みサンプルです。
サンプル管理画面から定休日の変更操作ができます。
ご自由にお試しください。(ユーザ名はtani、パスワードは0000です)

ダウンロード一覧へ

スレッド式BBS

ダウンロード一覧へ

レスポンシブBBS

ダウンロード一覧へ

新着情報欄の更新

ダウンロード一覧へ

その他おすすめ

ダウンロード一覧へ

Web制作のブログ

ブログ記事一覧へ

カテゴリ別