勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

フォームからアップロードした画像にPHPでロゴ画像(透かし)を追加する方法

   2024/03/30  PHP

フォームから送られてきた画像に対してサイトロゴみたいなロゴ画像を右下等、指定の位置に追加したかった。所謂ウォーターマーク(透かし)処理を行いたい。「class.upload.php」ライブラリを用いることで簡単に実装できた。以下に対応方法をメモ。

 

class.upload.php

公式サイト

https://www.verot.net/php_class_upload.htm

GitHub

https://github.com/verot/class.upload.php

ドキュメント

https://github.com/verot/class.upload.php/blob/master/README.md

 

インストール方法

composerを使う場合

composer require verot/class.upload.php

自サーバにアップロードする場合

公式サイトのclass.upload.phpページよりファイルをダウンロードし、適当なディレクトリにアップロードする。

今回はこちらの方法を取った。

 

ソースコード

フォーム側(index.php)

<html lang="ja">
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <form action="upload.php" method="post" enctype="multipart/form-data">
            <input type="file" name="file">
            <input type="submit" name="submit" value="送信">
        </form>
    </body>
</html>

アップロード側(upload.php)

<?php
require_once 'class.upload.php';

$file = $_FILES['file'];
$lang = 'ja_JP';
$handle = new \Verot\Upload\Upload($file, $lang);

if( $handle->uploaded ){

    //ファイル名の変更
    $handle->file_new_name_body = date('YmdHis');

    //同一ファイル名の場合は上書き
    $handle->file_overwrite = true;

    //ロゴ画像
    $handle->image_watermark = "./logo.png";

    //X軸の位置
    $handle->image_watermark_x = -5;

    //Y軸の位置
    $handle->image_watermark_y = -5;

    $handle->Process('./img/');

    if( $handle->processed ){
        //成功処理
        echo 'success';
    }else{
        //エラー処理
        echo $handle->error;
    }

}else{
    //エラー処理
    echo $handle->error;
}

各種オプションについて

ロゴ画像(透かし)処理関連の各種オプションについてはこちらのページを参照。

 - PHP

  関連記事

PHPで縦横どちらかが指定の長さを超えた場合、比率を保ったままリサイズ

PHPで縦横どちらかが指定の長さを超えた場合、 比率を保ったままリサイズしたかっ ...

PHP側での画像最大アップロードサイズの確認

画像がアップロードできず、恐らくサイズ指定にひっかかっているので 最大サイズを調 ...

PHPでファイル書き込み時に「failed to open stream: HTTP~~」エラー

PHPでファイルを書き込む際に「failed to open stream: H ...

フォルダにリンク制限をかける

imgというフォルダがあり、直接URLを叩いても 中身を見られないけど、同一サー ...

formのinput="file"でディレクトリを選択させ、ディレクトリ内のファイルを全てアップロードする方法

フォームで複数のファイルをアップロードしたい場合、input="file"を複数 ...