VIEW MORE

BLOG スタッフブログ

こんにちは。
オリジナルのCMSを作る場合、絶対に必要な機能の一つが画像アップロード機能です。
今回はその作り方を解説します。
環境はCPI ACE01の環境です。

初めに

まずは単純な画像アップロード機能を作りましょう。
今回は色々な説明を吹き飛ばして、単純な画像アップロード関数を作ります。
フォームからアップされた画像ファイルをフォルダにアップします。

$file = $_FILES["form_image"];
imguploader($file);
function imguploader($temp_file){
    if(preg_match('/\.gif$|\.png$|\.jpg$|\.jpeg$/i', $temp_file["name"])){
        $add_img=$temp_file["name"];
        move_uploaded_file($temp_file["tmp_name"], "../gallery/" .$add_img);
        $result = $add_img;
    }else{
        $result = "failed";
    }
    return $result;
}

画像アップを作るだけなら結構シンプルです。
まず、フォームから画像ファイルを受け取り、それらが画像ファイルであるかどうかを確認します。
その後、$move_uploaded_file関数を用い、指定のフォルダに格納。
ね、簡単でしょ?

思わぬ落とし穴

落とし穴は存在するもので、上記のアップロードには画像処理が入っていません。
例えば、利用者が大きな画像を入れてしまったりすると、ページが重くなったりすることが考えられます。
また、iPhone等で撮影された、exif情報が特殊な画像をアップロードすると画像が変な方向になってしまいます。
とはいえ、画像処理は一から作ると結構大変です。
gd関数というものがあるのですが、こちらも書く内容が多く、面倒くさいです。
ここで役に立つのが、「ImageMagick」です。

ImageMagickを用いて画像処理を行う

ImageMagickはPHPで使用することができる画像処理ソフトウェアであり、多くのレンタルサーバーでも使用できます。
例えば、CPI ACE01ではphp.iniに以下のように記入することで使用可能になります。

extension=imagick.so

上記を踏まえ、関数部分に変更を行ったものが以下のコードです。

function imguploader($temp_file){
    if(preg_match('/\.gif$|\.png$|\.jpg$|\.jpeg$/i', $temp_file["name"])){
        $add_img=$temp_file["name"];
        move_uploaded_file($temp_file["tmp_name"], "../gallery/" .$add_img);
        
        //ここから追加
        $changeimg = "../gallery/$add_img";
        list($width,$height) = getimagesize($changeimg);
        if($width >= 1921){
            $imgchanger="/usr/local/bin/mogrify -auto-orient -resize 1920x -quality 80 $changeimg";
            exec($imgchanger);
            exec('mogrify',$out);
        }else{
            $imgchanger="/usr/local/bin/mogrify -auto-orient -quality 80 $changeimg";
            exec($imgchanger);
            exec('mogrify',$out);
        }
        //ここまで追加
        
        $result = $add_img;
    }else{
        $result = "failed";
    }
    return $result;
}

方法としては、一度アップロードした画像を上書き保存するという形になります。
$changeimgで、アップロードしたばかりの画像ファイルのパスを指定。
そして、大きな画像だった場合のみリサイズを行いたいので、サイズも取得します。
サイズの取得が完了したら、コマンドラインからImageMagickの機能を実行します。
“/usr/local/bin/~”;と書くことで準備が可能で、今回の場合は以下の内容を盛り込んでいます。
【mogrify】既存ファイルを上書きしますよ~という記述です。
【-auto-orient】exif情報がついた写真の向きを補正してくれます。
【-resize 1920x】画像サイズを横1920基準でリサイズします。(画像サイズ1921以上のときのみ記述)
【-quality 80】画質を80%に落とします。

他にも様々な機能があるので、気になる方は以下のサイトをおすすめです。
ImageMagick コマンドリファレンス
http://image-magick.com/

これで、通常通り使う場合において、困ることは少なくなると思います。
最後にexec関数で、$imgchanger変数の中身を実行、これでアップされたファイルはリサイズされると思います。

まとめ

ImageMagickを使うことで、画像処理を簡単に行うことができます。
アップロード後の処理にお悩みの方はぜひ使ってみてください!

一覧へ戻る