Image – Page 3 – ソフトウェアエンジニアの技術ブログ：Software engineer tech blog

multiple属性による複数ファイルアップロードが上手くいかない？

up.phpファイル
postでphp側に渡して、var_dumpします。

<?php
print_r('<pre>');
var_dump($_FILES);
print_r('</pre>');
?>

<html>
<head>
    <title>multiple upload</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<form action="#" method="post" enctype="multipart/form-data">
Files:<input type="file" name="upfile&#91;&#93;" multiple>
<input type="submit" value="submit">
</form>
</body>
</html>

初期状態　※ファイルは選択していません。

01.gifを選択

選択されてます。

続いて02.gifを選択

02.gifも選択されています。

post(submit)します。

何故だ？　02.gifしかアップロードされていない！？

multipleが効いていないのでは？と、multipleを、multiple=”multiple”に変えたり、phpファイルとhtmlファイルに分けたり、サーバー環境を変えたり、html5shivをヘッダーに入れたりしたが全くダメで、ずっと悩み続け、
ふと、画像選択時にctlコマンド押下で二つ選んだら、

おいおいおい、まじかよ？

今日は実質朝からこれしかやってないんだけど。。。

ImageJPEGとファイルパーミッション

こちらは画像生成が可能で

ImageJPEG($out, '$hoge');

こちらは出来ないので、何故か紋々としていたら、

    
ImageJPEG($out, 'img/'.$hoge.'');

フォルダのパーミッションが
RWX
R X
R X
755 になっていたからですね。

RWX
RWX
RWX
777 に変更したところ、上手くいきました。

危ない危ない、もう少しでやけ酒(現実逃避)コースでした。

RGBヒートマップ

<?php

function getR($i){
    if($i < 128){
        $ret = 0;
    } else if($i > 127 && $i < 191){
        $ret = ($i-127)*4;
    } else if ($i > 190){
        $ret = 255;
    }
    return $ret;
}
function getG($i){
    if($i >= 64 && $i <= 191){
        $ret = 255;
    } else if ($i < 64){
        $ret = $i * 4;
    } else {
        $ret = 256-($i-191)*4;
    }
    return $ret;
}
function getB($i){
    if($i <= 64){
        $ret = 255;
    }else if($i > 64 && $i < 127){
        $ret = 255-($i-64)*4;
    } else if($i >= 127){
        $ret = 0;
    }
    return $ret;
}
header("content-type: image/png");
$image = imagecreate(512,100);
for($i = 0; $i < 256; $i++){
    $tmp = imagecolorallocate($image, getR($i), getG($i), getB($i));
    imagefilledrectangle($image, $i * 2, 0, ($i*2)+2, 99, $tmp);
}
imagepng($image);
imagedestroy($image);
?>

ページング

<style>
 .current{
	font-weight: bold;
 }
</style>
<?php
$limit = 10;
$page = empty($_GET&#91;"page"&#93;)? 1:$_GET&#91;"page"&#93;;
$disp=3;

$next = $page+1;
$prev = $page-1;

$start = ($page-floor($disp / 2) > 0) ? ($page-floor($disp/2)) : 1;
$end = ($start > 1) ? ($page+floor($disp/2)) : $disp; //55
$start = ($limit < $end) ? $start-($end-$limit):$start;

if($page != 1 ) {
         print '<a href="?page='.$prev.'">&laquo; 前へ</a>';
 }

if(($page - $disp) > 0 | $page == $disp){
	if($start >= floor($disp/2)){
        print '<a href="?page=1">1</a>';
        if($start > floor($disp/2) and $page != $disp){
        	print "..."; 
        }
        if($page == $disp){
        	print " ";
        } 
  }
}
for($i=$start; $i <= $end ; $i++){
        $class = ($page == $i) ? ' class="current"':"";
        if($i <= $limit && $i > 0 )
            print '<a href="?page='.$i.'"'.$class.'>'.$i.'</a> ';
    }

if($limit > $end){
	if($limit - 1 > $end) print "...";
	print '<a href="?page='.$limit.'">'.$limit.'</a>';
}
if($page < $limit){
        print '<a href="?page='.$next.'">次へ &raquo;</a>';
}

?>

画像ファイルのアップロード

<?php

$dir = "upload";
if (!$handle=opendir($dir)) die("ディレクトリの読み込みに失敗しました");
while($filename=readdir($handle))
{
 if(!preg_match("/^\./", $filename))
 {
 if (!unlink("$dir/$filename")) die("ファイルの削除に失敗しました");
 }
}

if (isset ( $_FILES &#91;'file'&#93; ) && is_uploaded_file ( $_FILES &#91;'file'&#93; &#91;'tmp_name'&#93; )) {
    $old_name = $_FILES&#91;'file'&#93;&#91;'tmp_name'&#93;;
    $new_name = date("YmdHis");
    $new_name .= mt_rand();
    switch (exif_imagetype($_FILES&#91;'file'&#93;&#91;'tmp_name'&#93;)) {
        case IMAGETYPE_JPEG :
            $new_name .= '.jpg';
            break;
        case IMAGETYPE_GIF :
            $new_name .= '.gif';
            break;
        case IMAGETYPE_PNG :
            $new_name .= '.png';
            break;
        default :
            header ( 'Location: upload.php' );
            exit ();
    }
    $gazou = basename($_FILES&#91;'file'&#93;&#91;'name'&#93;);
    if (move_uploaded_file($old_name, 'upload/'.$new_name)) {
        echo $gazou . 'のアップロードに成功しました';
    } else {
        echo 'アップロードに失敗しました';
    }
}

if(!isset($_POST&#91;'delte'&#93;)){
   unlink("upload/".$_POST&#91;'delete'&#93;."");
} 
?>

<!doctype html>
<form action="#" method="POST" enctype="multipart/form-data">
  <input type="file" name="file">
  <input type="submit" value="ファイルをアップロードする">
  <input type="hidden" name="MAX_FILE_SIZE" value="4194304" />
</form><br>

<?php
if(isset($_FILES&#91;'file'&#93;&#91;'name'&#93;)){
	echo "<img src=\"upload/" .$new_name. "\"><br><br>";
}
?>
<form action = "#" method = "post">
<input type = "submit" value ="削除する">
<input type="hidden" name="delete" value="<?php echo $new_name ?>">
</form>

その他、IMG_FILTER_GRAYSCALE, IMG_FILTER_BRIGHTNESS, IMG_FILTER_CONTRAST, IMG_FILTER_EDGEDETECT, IMG_FILTER_EMBOSS, IMG_FILTER_GAUSSIAN_BLUR, IMG_FILTER_SELECTIVE_BLUR, IMG_FILTER_MEAN_REMOVAL, IMG_FILTER_SMOOTH, IMG_FILTER_PIXELATEなどがあります。

<?php

$im = imagecreatefromjpeg('img/20180302-0.jpeg');
echo '<img src="img/20180302-0.jpeg" width="200" height="120"><br>';

if($im && imagefilter($im, IMG_FILTER_PIXELATE, 15)){
	imagejpeg($im, 'pixelated.jpeg');
	imagedestroy($img);
}
echo '<img src="pixelated.jpeg" width="200" height="120"><br>';
?>

画像をダウンロード

まずトップ画面　任意の写真を選択

ダウンロードするサイズを選択

1clickでダウンロード

おいおいおい。。

画像の縮小・拡大

元画像を縮小し、Getパラメーターでパスを送ります。

<?php

$file1 = "img/20180331-0.jpeg";
$name = substr($file1, 4);

$file2 = "img_s/".$name."";
$file3 = "img_s2/".$name."";
$in = ImageCreateFromJPEG($file1); //元画像ファイル読み込み
$size = GetImageSize($file1); //　元画像サイズ取得

$width = $size&#91;0&#93; / 2;
$height = $size&#91;1&#93; / 2;
$out = ImageCreateTrueColor($width, $height); //　画像生成
ImageCopyResampled($out, $in, 0, 0, 0, 0, $width, $height, $size&#91;0&#93;, $size&#91;1&#93;);
ImageJPEG($out, $file2);

$width2 = $size&#91;0&#93; / 3;
$height2 = $size&#91;1&#93; / 3;
$out2 = ImageCreateTrueColor($width2, $height2); //　画像生成
ImageCopyResampled($out2, $in, 0, 0, 0, 0, $width2, $height2, $size&#91;0&#93;, $size&#91;1&#93;);
ImageJPEG($out2, $file3);

ImageDestroy($in);
ImageDestroy($out);
ImageDestroy($ou2);
?>
<?php echo (int)$width2.'x'.(int)$height2."px" ?> <a href="file.php?id=<?php echo $file3 ?>">JPEGでダウンロード</a> | <a href="">GIFでダウンロード</a><br>
<img src="<?php echo $file3 ?>"><br>
<br>

<?php echo (int)$width.'x'.(int)$height."px" ?> <a href="file.php?id=<?php echo $file2 ?>">JPEGでダウンロード</a> | <a href="">GIFでダウンロード</a><br>
<img src="<?php echo $file2 ?>"><br>
<br>
<?php echo $size&#91;0&#93;.'x'.$size&#91;1&#93;. "px"  ?> <a href="file.php?id=<?php echo $file ?>">JPEGでダウンロード</a> | <a href="">GIFでダウンロード</a><br>
<img src="<?php echo $file1 ?>">

おいおいおい、これでいいのかよ？

phpでファイルのダウンロード

index.html

<a href="file.php">ダウンロード</a>

file.php

<?php

$fpath = './img/20180331-0.jpeg';

$fname = '0.jpeg';

header('Content-Type: application/force-download');
header('Content-Length: '.filesize($fpath));
header('Content-disposition: attachment; filename="'.$fname.'"');
readfile($fpath);
?>

リンク押下でダウンロードが開始されます。

filesizeは指定したファイルのサイズを取得
readfile()は指定したファイル内容を全読み込んで標準出力に出力

Category: Image