レスポンシブ・メールフォームの添付ファイルアドオンについて

• 公開日 : 2016年12月27日
• 最終更新日 : 2018年10月25日

レスポンシブ メールフォームには添付ファイル機能のアドオンをいつでも追加することができます。
(WordPressプラグイン版には対応しておりません)

現在の最新バージョンは2018年8月13日公開の3.0です。
各バージョンごとのアップデート内容については、このページ最下部の「アップデート履歴」に記載してあります。

添付ファイルアドオンの特長

特徴は以下のようになっています。

• 設置メールサポート付き。
• 他のアドオンと併用可能。
• (バージョン3.0から種類が増えました)添付できるファイル形式はjpg、png、gif、zip、pdf、docx(doc)、xlsx(xls)です。
• (バージョン3.0から)画像ファイルを選択した際にプレビューを表示。
  (ZIP、Word、Excel、PDFファイルの設定がオフの場合限定)
• 万が一のセキュリティを考えてサーバ上に添付ファイルのデータは一切保存しません。アップロードされたファイルをそのままメールに添付・送信して完了です。
• 1つのファイル選択ウインドウにて複数のファイルを選択可能。
  (input要素のmultiple属性)
• (自動設定されるようになりました)選択可能な拡張子をHTMLファイル側で設定可能。
  (input要素のaccept属性)
• 選択されたファイルが許可された形式かどうかを、ページ移動前(送信前)にチェックする機能。
• HTMLやJavaScriptでの設定は改ざんが容易なので、上記設定とは別にPHP側でも選択可能な拡張子を設定でき、偽装ファイルかどうかをチェックする機能。
• (自動設定されるようになりました)アップロード最大容量をHTML側で設定可能。
  (input要素のMAX_FILE_SIZE)
• 選択されたファイルがアップロード最大容量を超えていないかどうかを、ページ移動前(送信前)にチェックする機能。
• HTMLやJavaScriptでの設定は改ざんが容易なので、上記設定とは別にPHP側でもアップロード最大容量の設定ができ、制限を超えた場合は受け付けない機能。

サンプルデモ

添付ファイルアドオン付きのメールフォームのサンプル
これはサンプルなので自由に送信しても問題ありません。

画像のプレビュー機能について

この添付ファイルアドオンはバージョン3.0から「プレビュー機能」が実装されました。
ファイル選択のボタンは今まで通り以下のようになっていますが、

画像を選択すると以下のようにサムネイルでプレビュー表示されます。

複数選択OKのファイル選択ボタンでは、選択された画像が以下のように一覧表示されます。

「入力内容確認アドオン」を併用した場合は、送信前の確認画面にもプレビュー表示されます。(併用したサンプルデモは後で掲載)

なお、設定ファイル(attachment-config.php)で画像ファイル以外(zip、pdf、docx、xlsx)のどれか1つでも許可していると、このプレビュー機能はオフになります。
その理由としては、例えば画像ファイルとzipファイルを選択した際に、

・画像ファイルだけはプレビュー表示され、
・zipファイルはプレビュー表示されない。

という状態になると、zipファイルをきちんと選択できているかどうかフォーム入力者が不安に思う可能性があるためです。

設置方法

設置はaddonフォルダに関連ファイルをまとめて入れ、index.htmlを差し替えるだけでOKですので、つまづく可能性は低いと思われます。
すでにメールフォームを既存サイトに組み込んでいる場合は、HTMLファイルに数行追加するだけで動作します。

詳細な設置手順については、「添付ファイルアドオンの設置手順.txt」というテキストファイルが同梱されています。
それと同じ内容を以下のページでも公開しておりますので、購入前の方はぜひ参考にしてください。
添付ファイルアドオンの設置手順の解説

ファイルをアップロードする機能はセキュリティ面でリスクが増すものです。
そのため、PHPファイル側での設定を正しくしておくことが望まれます。

アドオン追加後のHTMLの構造について

添付ファイルアドオンを追加したメールフォームがどのようなHTML構造になるかを以下のページで解説しています。
メールフォームの添付ファイルアドオンを追加した際のHTML構造の解説

メールフォームを既存サイトに組み込んだりCSSでデザインを変更しようとした際に参考にすると、想定外のデザイン崩れを防ぐことができるでしょう。

必要動作環境

サーバのPHPのバージョンが5.3.0以降である必要があります。
これは、アップロードされたファイルをサーバ側でチェックする際、使用するPHP関数が5.3.0以降で動作するためです。

単純な文字(テキスト)データだけを扱う「入力内容確認アドオン」と違い、画像データを扱うこの添付ファイルアドオンは、サーバによってうまく動作しないケースもありえます。(後述の「既知の問題点」も参照ください)

そのような可能性に備え、まずはこのアドオンを組み込んだだけの初期状態メールフォーム(上記のサンプルページのような状態)を本番サーバにアップし、添付・送信のテストをしてみてください。
既存サイトに組み込むなどのカスタマイズ作業はそのテスト後にしたほうが、万が一正常に動作しなかった場合に原因の切り分けができるので、解決が早まります。

そして万が一、初期状態なのに正常に動作しない場合は、すぐにお問い合わせページからご連絡ください。
制作者である私が症状を確認・原因を特定し、そのサーバで正常動作するまでサポート、または修正対応いたします。(無償です)

他のアドオンとの併用について

レスポンシブ・メールフォームにはこれの他にも色々なアドオン(追加機能)がありますが、すべて併用することが可能です。
必要な機能だけを組み合わせてお使いください。

「入力内容確認アドオン」と併用した場合、送信前の確認画面には指定した添付ファイル名が表示されます。(画像が表示されるわけではありません)
バージョン3.0から確認画面でもプレビュー画像が表示されるようになりました。

入力内容確認アドオンと併用した場合のサンプルはこちら。
入力内容確認アドオンと添付ファイルアドオンとの併用のサンプル

販売価格や購入方法

価格は15,000円(税抜)となります。設置代行サービスをなくしたことで値下げしました。
しかし設置メールサポートはついておりますので、ご自身で設置をしてみてつまづいた際にはご質問ください。

注意：設置メールサポートは「アドオンの設置」に関しての質問のみとなります。
ですので、アドオンなしの初期状態のメールフォームが正常に動作している上でご購入ください。

設置方法の詳細に関しては、添付ファイルアドオンの設置手順の解説ページをご覧ください。
また、カスタマイズに関してのご質問は有償メールサポートを別途お申し込みください。

ご購入は以下からどうぞ。
ペイパルと銀行振込でのお支払いの場合は、料金のお支払いをしていただき、その入金確認後にメールで添付にてお送りする形となります。
それ以外のクレジット決済の場合は、お支払後にすぐダウンロードができますのでお急ぎの方にはおすすめです。

【レスポンシブ・メールフォームの添付ファイルアドオンのご購入】
ペイパルでお支払い
お問い合わせページからお申込み(銀行振込)
STORES.jpでご購入(クレジットカード決済) (決済後ダウンロード可能)
このサイトでご購入(クレジットカード決済) (決済後ダウンロード可能)

※ クレジット決済の注意点
上記のペイパルと銀行振込以外の場合は、お支払後にアドオンファイルをすぐにダウンロードできます。
このサイトでのクレジット購入の場合は、入力必須な項目を最低限としている分、ダウンロードはそのセッション中(ブラウザを閉じるまで・または24分以内)にのみ可能となります。
再ダウンロードしたい場合は、お問い合わせページからご連絡くだされば、本人確認後にメール添付にてお送りいたします。

注意点

このアドオンは現時点では通常版のバージョン5.1以降にのみ対応しています。
それ未満のバージョンであったり、WordPressプラグイン版のほうには対応しておりませんので、ご注意ください。
(メールフォーム本体のバージョンは、mailform.phpの冒頭あたりに記載してあります)

また、普通に使用していてプログラム上のバグ(不具合)があった場合には、追加料金なしでバグ修正を行いますので、そのような際にもご連絡ください。
(お客様の手によってJavaScriptファイルやPHPファイルを独自カスタマイズされている場合は除く)

アドオンを複数のサイトに使用したい場合

(2018年6月23日改定)
アドオンは1つのご購入につき、1サイトで使用可能です。
(異なるドメインのページは、異なるサイトとみなされます)

例えば、1つのサイト内にアドオンを複数設置する場合は、アドオンの購入は1つでOKです。
しかし、複数のサイトにアドオンを設置する場合は、2つ目以降は再度アドオンを正規料金でご購入していただければ幸いです。

実際にプログラムを使用するのはアドオンを購入された方のクライアント(依頼者)のサイトだったりするわけですから、そのクライアントに正規の料金をお支払い願えればと思います。

【余談】
最近問題になった漫画村の一件と同じですが、制作者に正しく利益が発生しないと新たなモノを作る気がなくなってしまうのは仕方ないことだと思います。

ここ20年で本が売れなくなって本屋が減り、CDが売れなくなってミュージシャンの新曲リリースが減りました。
本の中でも漫画は今も売れているようですが、漫画村のようなサイトが普及すれば、20年後には漫画業界までもが今の音楽業界のようになっていたことでしょう。

私も顧客管理プログラムを作ったっきりでほとんどアップデートしないのは、このプログラムから利益が出ていないからなのです。(需要が少ないのが最大の原因です)
このようなプログラムは配布を終了させるかもしれません。だって意味ねえもん。(2018年7月23日：配布を終了しました)

アドオンのアップデートについて

メールフォーム本体とアドオンは適合するバージョンというものがあります。
どのバージョンが合うかは後述の「アップデート履歴」でご確認ください。
(現在お使いのアドオンのバージョンはアドオンフォルダの中にある「version.php」、または「アドオン名-config.php」に記載してあります。)

ですので、もしアドオン購入後にメールフォーム本体をアップデートさせると、アドオンが古いバージョンのままのせいで正常動作しなくなる場合があります。

過去にアドオンを購入された方からご要望があれば、新しいバージョンのアドオンファイル一式をお送りいたしますので、お問い合わせページからお求めください。
その際には、現在お持ちのアドオンファイル一式をメール添付して私にお送りいただくことで、過去に購入したことの証明とさせていだきます。

既知の問題点

ロリポップやヘテムルのサーバの場合、SendmailではなくqmailというMTAを使用しているらしいです。
(MTAとはサーバ上でメールを送信するための機能のようなもの)

本来、電子メールの改行コードはRFC 2822(電子メールの規約)ではCR+LFらしいのですがこのqmailはLFらしく、添付ファイルアドオンを使用した場合、正しくメールに添付されない可能性があります。
(これは添付ファイルアドオンを購入したユーザーの方からの報告によって発覚しました)

PHPマニュアルのページにも以下のように書かれています。

メッセージが受信されなかった場合には、LF（\n）のみを使ってみてください。 Unix の MTA の中には、自動的に LF を CRLF に変換してしまう もの (有名なところでは、» qmail など) があります（もし CRLF を利用していた場合、CR が重複してしまいます）。 ただし、これは最後の手段です。というのも、これは » RFC 2822 に違反しているからです。PHP: mb_send_mail – Manual

ご購入した方でもしそのような症状が起きた場合、改行コードをLFにした修正ファイルをお送りいたしますのでご連絡ください。

アップデート履歴

すでにアドオンを購入済みの方には、そのアドオンの新しいバージョンは無償提供しています。
ご希望の場合はお問い合わせページからお求めください。

その際には、現在お持ちのアドオンファイル一式をメール添付して送っていただくことで、購入済みである証明とさせていただきます。

2016/12/27　バージョン1.0

• 公開。

2017/04/18　バージョン1.1 (本体5.1で動作確認済)

• 通常版メールフォーム本体にアドオンとして追加することができるようになりました。

2017/05/25　バージョン1.2 (本体5.1～5.4で動作確認済)

• ファイルチェックの際の不具合修正。

2017/08/28　バージョン1.3 (本体5.1～5.4で動作確認済)

• mime_content_type関数の使用をやめ、finfoクラスを採用。これにより必要動作環境がPHP5.3.0以降となりました。

2017/12/14　バージョン2.0 (本体6.0で動作確認済。これ以降は本体5.*とは互換性がありません)

• メールフォーム本体側がアップデートされたことに合わせて修正。

2018/04/12　バージョン2.1 (本体6.1～以降で動作確認済)

• 機能は変わりませんが、設置の際の設定作業が半分程度に減りました。

2018/06/09　バージョン2.2 (本体6.2～以降で動作確認済)

• iOS 11.3のSafariの不具合に対応しました。(添付ファイルアドオンを使用時にのみ発生するバグ)
• attachment-config.php内で設定するアップロード容量制限の値を2MBに変更。

2018/07/12　バージョン2.3 (本体6.2～以降で動作確認済)

• MacのPCでzipファイルを添付しようとした際に「未対応の形式のファイルです」とエラーになる不具合を修正。

2018/08/13　バージョン3.0 (本体7.0～以降で動作確認済。これ以降は本体6.*とは互換性がありません)

• Word、Excel、PDFファイルの添付に対応しました。
• 画像ファイルを選択した際にプレビューが表示されるようになりました。(ZIP、Word、Excel、PDFファイルの設定がオフの場合限定)
• エラーメッセージを表示する際のスクロール量に関する不具合を修正。