「UploadPack」をインストールする

まずはファイルを以下ダウンロードしましょう。

szajbus / uploadpack

解凍したフォルダを「upload_pack」にリネームして、「app」→「plugins」にコピーします。
これでインストール完了です。

データベース（テーブル）作成

アップロードしたファイルの情報を入れるテーブルです。
最低限idとファイル名を入れるカラムを作成します。
ファイル名のカラムは「xxxx_file_name」という名前で作成しないといけないようです。

SQL 

  1. 		CREATE table picts (
  2. 			`id` bigint(20) unsigned NOT NULL auto_increment,
  3. 			`item_file_name` varchar(255),
  4. 			PRIMARY KEY  (`id`)
  5. 		) ENGINE=MyISAM  DEFAULT CHARSET=utf8;
  6.

とりあえず動く状態にする。

models -> pict.php

  1. 		class Pict extends AppModel {
  2. 			var $name = 'Pict';
  3. 			var $actsAs = array(
  4. 				'UploadPack.Upload' => array(
  5. 					'item' => array(
  6. 						'styles' => array(
  7. 							'thumb' => '80x80'
  8. 						)
  9. 					)
  10. 				)
  11. 			);
  12. 		}
  13.

モデルではサムネイルのサイズや名前などを設定してます。

controllers -> picts_controller.php

  1. 		class PictsController extends AppController {
  2. 			var $name = 'Picts';
  3. 			var $uses = array('Pict');
  4. 			var $helpers = array('Form', 'UploadPack.Upload');
  5. 		
  6. 			function index() {
  7. 				$data = $this->Pict->find('all');
  8. 				$this->set('result', $data);
  9. 			} 
  10. 			
  11. 			function add() {
  12. 				if (!empty($this->data)) {
  13. 					if ($this->Pict->save($this->data)) {
  14. 						$this->redirect('/picts/');
  15. 					}
  16. 				}
  17. 			}
  18. 		}
  19.

コントローラーでは一覧を表示する「index」とデータベースに保存する「add」を作成しました。
特にアップロードするファイルのことを意識しないでsaveするだけでいいんですね。
「$helpers」を追加するのを忘れずに。

views -> picts -> add.php

  1. 	<?php
  2. 	echo $form->create('Picts', array('type' => 'file'));
  3. 	echo $form->file('Pict.item');
  4. 	echo $form->end('アップロード');
  5. 	?>
  6.

ビューの「add.php」は普通にファイルアップロードのフォームを作成するだけですね。

views -> picts -> index.php

  1. 	<?php
  2. 	foreach ($result as $value) {
  3. 		echo "<h3>元の画像</h3>";
  4. 		echo $upload->image($value, 'Pict.item');
  5. 		echo "<h3>サムネイル</h3>";
  6. 		echo $upload->image($value, 'Pict.item', array('style' => 'thumb'));
  7. 		echo "<hr />";
  8. 	}
  9. 	?>
  10.

画像の表示は「UploadHelper」で行います。
「$upload->image」でimgタグも自動的に作成され表示してくれます。
画像パスだけを表示させたいときは「$upload->url」です。
最後にファイルを保存するフォルダを作成します。デフォルトでは以下になります。

app\webroot\upload\picts

これで「/picts/add/」にアクセスして画像をアップロードする処理が完成しました。
これは簡単でいいですね。

バリデーション

バリデーションもモデルに指定するだけで一通りのことはできるようです。

models -> pict.php

  1. 	var $validate = array(
  2. 		'item' => array(
  3. 			'maxSize' => array(
  4. 				'rule' => array('attachmentMaxSize', 1048576),
  5. 				'message' => '1MB以下のファイルにしてください。'
  6. 			),
  7. 			'minSize' => array(
  8. 				'rule' => array('attachmentMinSize', 1024),
  9. 				'message' => '1KB以上にしてください。'
  10. 			)
  11. 		)
  12. 	);
  13.

「attachmentMaxSize」「attachmentMinSize」でファイルサイズを指定できます。

models -> pict.php

  1. 	var $validate = array(
  2. 		'item' => array(
  3. 			'rule' => array('attachmentContentType', array('image/jpeg', 'image/gif', 'image/png')),
  4. 			'message' => 'jpg,gif,pngのみアップロードできます。'
  5. 		)
  6. 	);
  7.

「attachmentContentType」でファイルタイプを指定できます。

models -> pict.php

  1. 	var $validate = array(
  2. 		'item' => array(
  3. 			'minWidth' => array(
  4. 				'rule' => array('minWidth', '100'),
  5. 				'message' => 'Widthを100px以上にしてください。'
  6. 			),
  7. 			'maxWidth' => array(
  8. 				'rule' => array('maxWidth', '600'),
  9. 				'message' => 'Widthを600px以下にしてください。'
  10. 			)
  11. 		)
  12. 	);
  13.

「minWidth」「maxWidth」「minHeight」「maxHeight」で画像のピクセルサイズを指定できます。

ファイルパスの変更

デフォルトではファイルをがアップロードされる場所は「upload→モデル名→ID」ですが、変更することもできます。
パスの設定はあらかじめ設定されている「key（文字列）」を組み合わせることで設定できます。
たとえば以下のようにすれば「webroot」の「img」ディレクトリに保存されます。 

  1. 	var $actsAs = array(
  2. 		'UploadPack.Upload' => array(
  3. 			'item' => array(
  4. 				'path' => ':webroot/img/:basename_:style.:extension'
  5. 			)
  6. 		)
  7. 	);
  8.