cakephp2.xでのwebrootから画像描画

Question

前提・実現したいこと

現在cakephp2.xでWebアプリケーション作成の学習を行っています。

発生している問題・エラーメッセージ

cakephp2.xのチュートリアルを見ながら簡易ブログを作っていて、ユーザー情報ページに画像を表示する
プログラムを製作中です。
画像自体はWWW_ROOTを使って、webroot に登録できたのですがユーザー情報ページにて画像が表示できません。

画像のパスを確認してみたところ、
/user/cakePHP/cakePHP_Practice/cakephp/home/www/user/cakePHP/cakePHP_Practice/cakephp/app/webroot/upimg/8.jpg

のように画像のパスが重複している状態です。

該当のソースコード

	public function edit($id = null) {
		$date = date('ymd');
		$path = WWW_ROOT  . 'upimg';

		$this->User->id = $id;
		$this->set('user', $this->User->findById($id));
		if (!$this->User->exists()) {
			throw new NotFoundException(__('Invalid user'));
		}
		if ($this->request->is('Post') || $this->request->is('put')) {
			$img = $this->request->data('User.image.tmp_name');
			$name = $this->request->data('User.image.name');
			$ext = pathinfo($this->request->data['User']['image']['name'], PATHINFO_EXTENSION);

			$uploadfile = $path . DS . $id . '.' . $ext;

			if (!move_uploaded_file($img, $uploadfile)) {
				$this->Flash->error(__('画像ファイルを保存できませんでした'));
				return $this->redirect(array('controller' => 'posts', 'action' => 'index'));
			}
			//$this->request->data['User']['image'] = strstr($uploadfile, 'app');
			$this->request->data['User']['image'] = $uploadfile;

			if ($this->User->save($this->request->data)) {

				$this->Flash->success(__('ユーザー情報を更新しました'));
				return $this->redirect(array('action' => 'view', $id));
			}
			$this->Flash->error(__('The user could not be saved. Please try again.'));
		} else {
			$this->request->data = $this->User->findById($id);
			unset($this->request->data['User']['password']);
		}
	}

<h1>ユーザー名：<?php echo $user['User']['username']; ?></h1>
<h1>メールアドレス：<?php echo h($user['User']['email']); ?></h1>
<h4>ユーザー画像</h4>
<?php
if ($user['User']['image'] != NULL) {//DBにファイル名が保存されているかチェック
	echo $this->Html->image($user['User']['image'], array('width'=>'200','height'=>'200'));
	var_dump($user['User']['image']);
} else {
	echo '未登録';
}
?>
<p>【一言コメント】</p>
<?php if (isset($user['User']['comment'])): ?>
<p><?php echo h($user['User']['comment']); ?></p>
<?php else: ?>
<p>なし</p>
<?php endif; ?>
<?php
if ($auth  === $user['User']['id']) {//ログインユーザーと同じであれば編集が可能
	echo $this->Html->link('ユーザー情報編集', array('controller' => 'users', 'action' => 'edit', $user['User']['id']));
}
echo '<br>';
echo $this->Html->link('ホーム', array('controller' => 'posts', 'action' => 'index'));
?>

補足情報（FW/ツールのバージョンなど）

cakePHP2

Comments

[nojimage]

業務でCakePHP 2を扱うのでない限り、CakePHP 2の学習はお勧めしません。

Answer 1

ファイルまでのフルパスを image に格納しているので、そのような結果になっています。

$path = WWW_ROOT  . 'upimg';
// (中略)
$uploadfile = $path . DS . $id . '.' . $ext;
// (中略)
$this->request->data['User']['image'] = $uploadfile;

なので、WWW_ROOT = /var/www/html/webroot だとしたら、

User.image = /var/www/html/webroot/upimg/1.jpg

で保存されているはずです。

HtmlHelper::image() は渡されたにhttpがついていなければ、パスをwebrootからの相対パスとして解釈するので、

<img src="/var/www/html/webroot/upimg/1.jpg">

がレンダリング結果となり、Webサーバーが参照するファイルは /var/www/html/webroot/var/www/html/webroot/upimg/1.jpg となります。

表示に使用するのであれば、User.imageにはwebrootからの相対パス、今回であれば '/upimg/1.jpg' を保存するとよいでしょう。
（表示しないファイルでも、データベースに保存するのは相対パスにしておくのが基本です。

Comments

[Karna554]

ありがとうございます
こちらの情報のおかげで解決できました。