　この記事は時間経過やプログラムのバージョンアップなどの諸々の事情によって，現状に正しくそぐわない内容になっている可能性があります。関連記事やアーカイブを参照してみてください。

MovableTypeのコメント欄でファイルをアップロードする

　MovableType のコメント欄で、読者からのコメントを受付ける際に、コメントと一緒に画像ファイルなどの添付ファイルを受付けるための改造を紹介しています。元ネタは mixi のMovableType コミュニティでのトピックでした。現時点では、アップロードされたファイルへの URL とファイルサイズを取得するプラグインが実装されています。

追加されるテンプレートタグ

MTCommentFileUpload: アップロードされたファイルにアクセスする MTUpfile* タグを使うためのコンテナタグ。
MTUpfileLink: アップロードされたファイルの絶対 URL を返します。MTCommentFileUpload タグの内部で使えます。
MTUpfileSize: アップロードされたファイルのファイルサイズをバイト単位で返します。MTCommentFileUpload タグの内部で使えます。

導入方法

Step 1. プラグインのインストール

　ダウンロードしたアーカイブに含まれる MTCommentFileUpload.pl を適当なエディタで開き、以下の行をあなたの環境に合わせて修正します。アップロードされたファイルはここで指定されたパスに保存されます。最終的なパスはローカルサイトパス＋szUpfilePath で指定されたパスとなります。

;### アップファイルのパス (ローカルサイトパス基準)
our $szUpfilePath = '/archive/src';

　次に、MTCommentFileUpload.pl をMovableType のプラグインフォルダにコピーします。 MovableType のメインメニューに追加したプラグイン名が表示されていることを確認します。

Step 2. コメント投稿フォームの修正

　コメント投稿フォームにアップロードファイル用フィールドを追加します。

<form method="post" action="<$MTCGIPath$><$MTCommentScript$>"
		enctype="multipart/form-data"> ← enctype を忘れずに追加します
：
添付ファイル：<input type="file" name="file"> ← アップロードファイル用フィールドを追加します

Step 3. /MT/lib/MT/App/Comments.pm の修正

　/MT/lib/MT/App/Comments.pm にアップロードされたファイルを保存する処理を追加します。以下を参考にして Comments.pm で定義されている post 関数を修正します。

表示しているコードは MoavableType 3.151-ja のものです。

	：
    return $app->handle_error($app->errstr()) unless $comment;

;### ファイルアップロード準備 2005/09/03
my $szUpFileName;
{
	;# アップファイル上限サイズ
	my $nMaxUploadSize = 1024 * 1024;# Bytes
	;# アップできるファイル拡張子
	my @arAllowFileExt = ('jpg', 'jpeg', 'gif', 'png', 'bmp');
	;# アップファイルの格納パス(ローカル・サイト・パス基準)
	my $szUploadFilePath = $blog->site_path. '/archive/src';

	my $fh = $q->upload('file');
	if ($fh) {
		;# ファイルタイプのチェック
		my $filename = $q->param('file');
		my ($file_ext) = $filename =‾ /¥.([^¥¥¥/:¥.]+)$/;
		my @ret = grep { /$file_ext/ } @arAllowFileExt;
		scalar (@ret)
				or return $app->handle_error ("指定されたファイルはアップロードできません");
		;# サイズチェック
		seek ($fh, 0, 2);
		if ($nMaxUploadSize < tell ($fh)) {
				return $app->handle_error ("アップロード制限サイズ($nMaxUploadSize バイト)を超えました");
		}
		$szUpFileName = $szUploadFilePath. '/%d.'. $file_ext;
	}
};### ここまで

	## Here comes the fancy logic for deciding whether or not the
	## comment appears.
	：

　同時にアップファイルに関する制限を設定することができます。

nMaxUploadSize: アップファイルの上限サイズをバイト数単位で指定します。ここで指定されたサイズを超えてアップロードを行おうとするとエラーとなります。
arAllowFileExt: アップファイルの拡張子を網羅します。ここで指定された以外のファイルをアップロードしようとするとエラーとなります。
szUploadFilePath: アップファイルの保存先パスを指定します。ファイルはローカルサイトパス＋szUploadFilePath で指定されたパスに保存されます。

		if (MT->run_callbacks('CommentFilter', $app, $comment))
		{
            $comment->save;
			;### ファイルアップロード 2005/09/03
			if ($szUpFileName) {
				$szUpFileName = sprintf ($szUpFileName, $comment->id);
				unlink $szUpFileName;
				my $fh = $q->upload('file');
				seek ($fh, 0, 0);
				open (OUT, ">$szUpFileName")
						or return $app->handle_error ("$szUpFileName を開けませんでした");
				binmode OUT;
				my $buffer;
				while (read ($fh, $buffer, 1024)) {
					print OUT $buffer;
				}
				close OUT;
			};### ここまで
			$blog->touch;
			$blog->save;
    ：

Step 4. 個別アーカイブテンプレートの修正

　個別アーカイブのテンプレートを修正し、コメント欄に添付されたファイルを表示できるようタグを追加します。

<MTComments>
<$MTCommentAuthor$> at <$MTCommentDate><br />

<MTCommentFileUpload>
<img src="<$MTUpfileLink$>" align="left" alt="<$MTUpfileSize$> Bytes">
</MTCommentFileUpload>

<$MTCommentBody$>

</MTComments>

ダウンロード

ダウンロード / MD5	バージョン	日付	サイズ(Bytes)	動作環境	備考
MTCommentFileUpload GetMD5Hash('MTCommentFileUpload010.zip');	0.10	'05/09/03	GetFileSize('MTCommentFileUpload010.zip');	MovableType	3.151-ja で動作確認

楽屋裏

　アイディアは以前からあったのですが、なかなか実装に着手できませんでした。とりあえず、最低限の機能は実現できましたが、まだまだ改善の余地はありそうです。画像ファイルがアップされた場合にのみ、画像の縦横サイズを取得できるタグや、縮小画像(サムネール)を自動生成してくれる機能なんかあれば便利かもしれません。

寄せられたコメント (全 13 件中、最新 5 件まで表示しています)

ぴろりさん、はじめまして！
以前からあこがれていたMTでブログを楽しもうと現在準備中です。
友人と楽しく意見交換などできたらと思い、何か良いプラグインはないものかと
いろいろ探していましたら、こちらのプラグインを発見！
さっそく使わせていただこうと思ったのですが、私も
if (MT->run_callbacks('CommentFilter', $app, $comment))以下の
挿入がわからず…(ＴＴ▽ＴＴ)ダァー（3.35を使用）

バージョンアップ楽しみにしています！

PS　こちらのプラグインを使用されているサイトさんを見てみたいのですが、
よろしかったら教えていただけないでしょうか？

初めまして。
MT3.34で導入させて頂きました。
ありがとうございます。

動作は問題ないのですが、コメント投稿画面で設定したパスを
プレビュー画面で表示できずに困っています。
申し訳ありませんが、値を取得する方法がありましたら教えて頂けますか？

いつも参考にさせてもらっています
私もMT3.3対応切望しております
対応版楽しみにまっています

お返事ありがとうございます。
バージョンアップしましたら、是非利用させてもらいます！
できましたら、そのときにでもご一報を！
よろしくお願いいたします。

こんにちは。
記事がアップデートされておらず申し訳ありません。
今ならMTシステムを直接書き換えるよりもプラグイン一本で導入できる方が確実便利ですね…
時間をみてバージョンアップしたいと思います。すみません。

コメントを投稿する

返信先
コメント	お気軽にコメントをお寄せくださいませ・コメントを投稿するにはブラウザの JavaScript を有効にしてください・入力された通りに改行位置で改行されます・HTML タグは使用できませんが、文中の URL は自動的にリンクされます・"<" は "<"、">" は ">" と書いてください　・MovableType関係の質問でテンプレートタグをそのまま書かれると見えません
名前	(匿名可/必須/公開)
メール	(匿名可/必須/非公開)
投稿確認	(必須) コメントスパム防止のため投稿前にを入力してから投稿してください。お手数ですがご協力のほど宜しくお願いいたします。

ヘッダメニュー

MovableTypeのコメント欄でファイルをアップロードする

追加されるテンプレートタグ

導入方法

Step 1. プラグインのインストール

Step 2. コメント投稿フォームの修正

Step 3. /MT/lib/MT/App/Comments.pm の修正

Step 4. 個別アーカイブテンプレートの修正

ダウンロード

楽屋裏

この記事を読んだ人はこんな記事も読んでいます

この記事のアーカイブ

関連記事/トラックバック

この記事にトラックバックを送るには？

寄せられたコメント (全 13 件中、最新 5 件まで表示しています)

寄せられたコメント

コメントを投稿する

リファレンス

ブロガープロフィール

ツール

関連する商品

モバイル

ナビゲーション

記事検索

勝手におすすめ

最近のコメント/関連記事

最近の人気記事

フッタメニュー

ヘッダメニュー

MovableTypeのコメント欄でファイルをアップロードする

追加されるテンプレートタグ

導入方法

Step 1. プラグインのインストール

Step 2. コメント投稿フォームの修正

Step 3. /MT/lib/MT/App/Comments.pm の修正

Step 4. 個別アーカイブテンプレートの修正

ダウンロード

楽屋裏

この記事を読んだ人はこんな記事も読んでいます

その他の関連する記事

この記事のアーカイブ

関連記事/トラックバック

この記事にトラックバックを送るには？

寄せられたコメント (全 13 件中、最新 5 件まで表示しています)

寄せられたコメント

コメントを投稿する

リファレンス

ブロガープロフィール

ツール

関連する商品

モバイル

ナビゲーション

記事検索

勝手におすすめ

最近のコメント/関連記事

最近の人気記事

フッタメニュー