「UploadPack」をインストールする
まずはファイルを以下ダウンロードしましょう。
szajbus / uploadpack
解凍したフォルダを「upload_pack」にリネームして、「app」→「plugins」にコピーします。
これでインストール完了です。
データベース(テーブル)作成
アップロードしたファイルの情報を入れるテーブルです。
最低限idとファイル名を入れるカラムを作成します。
ファイル名のカラムは「xxxx_file_name」という名前で作成しないといけないようです。
SQL
CREATE table picts ( `id` bigint(20) unsigned NOT NULL auto_increment, `item_file_name` varchar(255), PRIMARY KEY (`id`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8;
とりあえず動く状態にする。
models -> pict.php
class Pict extends AppModel {
var $name = 'Pict';
var $actsAs = array(
'UploadPack.Upload' => array(
'item' => array(
'styles' => array(
'thumb' => '80x80'
)
)
)
);
}
モデルではサムネイルのサイズや名前などを設定してます。
controllers -> picts_controller.php
class PictsController extends AppController {
var $name = 'Picts';
var $uses = array('Pict');
var $helpers = array('Form', 'UploadPack.Upload');
function index() {
$data = $this->Pict->find('all');
$this->set('result', $data);
}
function add() {
if (!empty($this->data)) {
if ($this->Pict->save($this->data)) {
$this->redirect('/picts/');
}
}
}
}
コントローラーでは一覧を表示する「index」とデータベースに保存する「add」を作成しました。
特にアップロードするファイルのことを意識しないでsaveするだけでいいんですね。
「$helpers」を追加するのを忘れずに。
views -> picts -> add.php
<?php
echo $form->create('Picts', array('type' => 'file'));
echo $form->file('Pict.item');
echo $form->end('アップロード');
?>
ビューの「add.php」は普通にファイルアップロードのフォームを作成するだけですね。
views -> picts -> index.php
<?php
foreach ($result as $value) {
echo "<h3>元の画像</h3>";
echo $upload->image($value, 'Pict.item');
echo "<h3>サムネイル</h3>";
echo $upload->image($value, 'Pict.item', array('style' => 'thumb'));
echo "<hr />";
}
?>
画像の表示は「UploadHelper」で行います。
「$upload->image」でimgタグも自動的に作成され表示してくれます。
画像パスだけを表示させたいときは「$upload->url」です。
最後にファイルを保存するフォルダを作成します。デフォルトでは以下になります。
app\webroot\upload\picts
これで「/picts/add/」にアクセスして画像をアップロードする処理が完成しました。
これは簡単でいいですね。
バリデーション
バリデーションもモデルに指定するだけで一通りのことはできるようです。
models -> pict.php
var $validate = array(
'item' => array(
'maxSize' => array(
'rule' => array('attachmentMaxSize', 1048576),
'message' => '1MB以下のファイルにしてください。'
),
'minSize' => array(
'rule' => array('attachmentMinSize', 1024),
'message' => '1KB以上にしてください。'
)
)
);
「attachmentMaxSize」「attachmentMinSize」でファイルサイズを指定できます。
models -> pict.php
var $validate = array(
'item' => array(
'rule' => array('attachmentContentType', array('image/jpeg', 'image/gif', 'image/png')),
'message' => 'jpg,gif,pngのみアップロードできます。'
)
);
「attachmentContentType」でファイルタイプを指定できます。
models -> pict.php
var $validate = array(
'item' => array(
'minWidth' => array(
'rule' => array('minWidth', '100'),
'message' => 'Widthを100px以上にしてください。'
),
'maxWidth' => array(
'rule' => array('maxWidth', '600'),
'message' => 'Widthを600px以下にしてください。'
)
)
);
「minWidth」「maxWidth」「minHeight」「maxHeight」で画像のピクセルサイズを指定できます。
ファイルパスの変更
デフォルトではファイルをがアップロードされる場所は「upload→モデル名→ID」ですが、変更することもできます。
パスの設定はあらかじめ設定されている「key(文字列)」を組み合わせることで設定できます。
たとえば以下のようにすれば「webroot」の「img」ディレクトリに保存されます。
var $actsAs = array( 'UploadPack.Upload' => array( 'item' => array( 'path' => ':webroot/img/:basename_:style.:extension' ) ) );