レスポンシブBBSの画像アップロードアドオンについて


こちらのページでダウンロードできるレスポンシブBBSはバージョン3.0から「画像アップロードアドオン」を追加できるようになりました。
このアドオンを追加すると、BBSに画像をアップロードすることができるようになります。

現在の最新バージョンは2018年3月29日公開のバージョン1.0です。

主な特長

この「画像アップロードアドオン」の特長は以下のようになっています。

  • 他のアドオンと併用可能。
  • クリックしたら拡大表示する機能。
    (PCの場合のみ。スマホの場合は別ウインドウ表示となります)
  • アップロードできる画像ファイル形式はjpg、png、gifになります。(許可する形式はあらかじめ選択できます)
  • 1つの投稿につき、アップロードできる画像は1枚です。
  • config.phpにてあらかじめ設定しておいたサイズに自動でリサイズする機能付き。
  • 選択されたファイルが許可された形式かどうかを、ページ移動前(送信前)にチェックする機能。
  • HTMLやJavaScriptでの設定は悪意ある攻撃者によって改ざんすることが容易なので、上記設定とは別にPHP側でも選択可能な拡張子を設定し、サーバ側にて偽装ファイルかどうかをチェックする機能。
  • 選択されたファイルがアップロード最大容量を超えていないかどうかを、ページ移動前(送信前)にチェックする機能。
  • HTMLやJavaScriptでの設定は悪意ある攻撃者によって改ざんすることが容易なので、上記設定とは別にPHP側でもアップロード最大容量の設定をし、サーバ側にてその容量チェックをする機能。
  • 設置メールサポート付き。

サンプルデモ

サンプルは以下からどうぞ。
自由に書き込んでも問題ありません。
画像アップロードアドオン付きのレスポンシブBBSのサンプル

管理画面は削除機能のためにログインできます。
ユーザ名はtani、パスワードは0000です。
ログアウトはブラウザを閉じるか、またはログアウトボタンを押すことで可能です。
管理画面のサンプル

設置方法

このアドオンの設置方法はとても簡単です。
以下の内容はアドオンファイルに同梱されている「画像アップロードアドオンの設置手順.txt」の内容と同じです。

0、まずアドオンファイルを使用する前に、zipファイルを丸ごとコピーしてバックアップ保存しておくことをおすすめいたします。

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

2、レスポンシブBBS本体にあるaddonフォルダの中に、attachmentフォルダを入れます。

3、addonフォルダの中にある「bbs-form(差し替え用).html」を、レスポンシブBBS本体にあるhtmlフォルダの中の「bbs-form.html」と差し替えます。
または、以下のコードをレスポンシブBBS本体にあるhtmlフォルダの中のbbs-form.htmlに追加しても同じです。

<dt>添付画像<span>Attachment</span>
<dd><input type="hidden" class="max_file_size" name="MAX_FILE_SIZE" value="" /><input type="file" class="attachment" name="attachment" /></dd>

設置は以上です。
適当に画像アップロード投稿をしてみて正常動作・表示するかを確認してみましょう。

初期状態(このアドオンなし)の状態に戻す方法

初期状態(このアドオンなし)の状態に戻すには、上記の設置手順2でaddonフォルダに入れたattachmentフォルダごと削除することで戻ります。
その際には、上記手順3で追加した添付ファイルボタンのコードも削除しておくと良いでしょう。

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

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

一例として「返信機能アドオン」と「画像アップロードアドオン」を組み合わせたサンプルを設置しておきます。
ご自由に画像アップロードや返信をお試しください。
返信機能アドオン・画像アップロードアドオン付きのレスポンシブBBSのサンプル

アップロードできるファイルサイズや解像度の設定について

以下の設定は変更しなくても特に問題はありません。
もし設定を変更するとしても、まずは上記までの設置作業が正しく完了しており、画像アップロード機能が正常動作するかの確認をした後にしたほうが無難です。

4、attachment-config.phpを開き、上記手順7と同じになるように送信可能なファイル形式を1または0で指定します。(以下の例はjpgファイルだけを許可する例)

$rb_jpg = 1;
$rb_png = 0;
$rb_gif = 0;

5、ファイルのアップロードというものは文字のようなテキストデータに比べると圧倒的にデータ容量が大きく、そのぶんサーバに負荷がかかります。
attachment-config.phpを開き、アップロードできるファイルサイズの上限を記入します。

$rb_upload_max_size = 3000000;

画像表示などのデザイン変更について

画像表示など、このアドオンの機能に関する部分のデザインは同梱のattachment.cssにてすべて設定されています。
デザインを変更したい場合は上記ファイルを編集することで可能です。

販売価格や購入方法

電卓
価格は15,000円(税抜)となります。
設置メールサポートがついておりますので、ご自身で設置をする際につまづいた際にはご質問ください。

注意:設置メールサポートは「アドオンの設置」に関しての質問のみとなります。
ですので、アドオンなしの初期状態のレスポンシブBBSが正常に動作している上でご購入ください。
また、カスタマイズに関してのご質問は有償メールサポートを別途お申し込みください。

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

【レスポンシブBBSの画像アップロードアドオンのご購入】
ペイパルでお支払い
お問い合わせページからお申込み(銀行振込)
このサイトで今すぐご購入(クレジットカード決済)

※ クレジット決済の注意点
上記のペイパルと銀行振込以外の場合は、お支払後にアドオンファイルをすぐにダウンロードできます。

このサイトでのクレジット購入の場合は、ダウンロードはそのセッション中(ブラウザを閉じるまで・または24分以内)にのみ可能となります。
再ダウンロードしたい場合は、お問い合わせページからご連絡くだされば、本人確認後にメール添付にてお送りいたします。

注意点

このアドオンは現時点ではレスポンシブBBS本体のバージョン3.0以降にのみ対応しています。

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

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

アドオンは1つのご購入につき、1サイトで使用可能です。
(異なるドメインのページは、異なるサイトとみなします)

例えば、1つのサイト内にアドオンを複数設置する場合は、アドオンの購入は1つでOKです。
しかし、複数のサイトにアドオンを設置する場合は、2つ目以降は「ライセンス料」という形で1サイトにつき1,000円(税抜・全アドオン共通価格)をお支払いいただければ幸いです。

ライセンス料のお支払いは以下からお願いいたします。

【アドオン使用ライセンスのご購入(1サイト毎)】
ペイパルでお支払い
お問い合わせページからお申込み(銀行振込)

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

レスポンシブBBS本体とアドオンは適合するバージョンというものがあります。
どのバージョンが合うかは、各アドオン販売ページの一番下にある「アップデート履歴」でご確認ください。
(現在お使いのアドオンのバージョンはアドオンフォルダの中にある「version.php」、または「アドオン名-config.php」に記載してあります。)

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

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

アップデート履歴

2018/03/29 バージョン1.0 (本体3.0~以降で動作確認済)
  • 公開。

サポートBBS

サイト内を検索
アップデート情報
サイト運用事例
提供サポート
メールフォーム

ダウンロード一覧へ

カレンダー

ダウンロード一覧へ

BBS

ダウンロード一覧へ

新着情報欄の更新
その他おすすめ

ダウンロード一覧へ

Web制作のブログ

ブログ記事一覧へ

カテゴリ別
制作者の詳細
  • 谷元博のブログ
  • Google+