phpで画像と名前を入力し、以下のソース(gazou-touroku.php)で
<!DOCTYPE html> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <?php $name=$_POST["a"]; $up=$_FILES["b"]["name"]; $ret=move_uploaded_file($_FILES["b"]["tmp_name"],"./".$up); print("登録しました。"); list($width,$height)=getimagesize($up); $bw=400; $bh=300; $sw=120; $sh=90; $moto=imagecreatefromjpeg($up); $big=imagecreatetruecolor($bw,$bh); $small=imagecreatetruecolor($sw,$sh); imagecopyresized($big,$moto,0,0,0,0,$bw,$bh,$width,$height); imagecopyresized($small,$moto,0,0,0,0,$sw,$sh,$width,$height); $f=file("gazou-touroku.txt"); $no=count($f); $bigname=$no."_b.jpg"; $smallname=$no."_s.jpg"; imagejpeg($big,$no."b.jpg"); imagejpeg($small,$no."s.jpg"); $f=fopen("gazou-touroku.txt","a"); $data=$name.",".$bigname.",".$smallname."\n"; fputs($f,$data); fclose($f); ?> </body> </html>
サイズが400×300と120×90の2つので画像を作成し、gazou-touroku.txtに保存し、
<!DOCTYPE html> <html lang="ja"> <meta charset=utf-8> <body> <div id="items"> <?php $f=file("gazou-touroku.txt"); foreach($f as $key=>$value){ $a=explode(",",$value); print("<div class='comment'>"); print("タイトル:".$a[0]."<br>\n400×300<br>\n"); print("<img src='".$a[1]."'><br>\n"); print("</div>"); print("<div class='comment'>"); print("タイトル:".$a[0]."<br>\n120×90<br>\n"); print("<img src='".$a[2]."'><br>\n"); print("</div>"); } ?> </div> </body> </html> <style> body{ background-color:#00bfff; } div.comment{ background-color:#7fff00; float:left; margin:10px; text-align:center; border:1px solid #ccc; } #items{ overflow:hidden; } </style>
上記のソース(gazou-touroku-kakunin.php)で表示させるというものを作成したのですが、
画像が表示されません。
ちなみにリサイズされた2つの画像と元の画像はサーバーのフォルダーに入っており、
$a[1]と$a[2]にリサイズ画像が入っていることはvar_dumpで確認済みです。
以下のものがgazou-touroku-kakunin.phpをプラウザの「ページのソースを表示」で表示されたものです。
<!DOCTYPE html> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <div id="items"> <div class='comment'>タイトル:ブドウ<br> 400×300<br> <img src='0_b.jpg'><br> </div><div class='comment'>タイトル:ブドウ<br> 120×90<br> <img src='0_s.jpg '><br> </div> </div> </body> </html> <style> body{ background-color:#00bfff; } div.comment{ background-color:#7fff00; float:left; margin:10px; text-align:center; border:1px solid #ccc; } #items{ overflow:hidden; } </style>
ソース上では入力した画像名が表示されているのですが・・・。
アドバイスをお願いします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/09/22 09:57