聊聊如何使用ueditor上傳圖片加水印
2022-08-31 14:03:49
部落格在上傳圖片的時候，我希望能打上我部落格連結的水印，掘金，csdn都是這麼幹的，這事我得學習。
平時的圖片上傳還好說，在文章編輯的時候，使用ueditor上傳圖片加水印需要修改ueditor部分PHP的原始碼，我這裡大概記錄一下。
首先開啟php資料夾下的Uploader.class.php
找到private function upFile()，這是上傳檔案的主處理方法，
找到122行：$this->stateInfo = $this->stateMap[0];
在這個下面加入：$this->imageWaterMark($this->filePath,9,'logo.png');
imageWaterMark是自定義的函數，
在下面會說到，$this->filePath 這是上傳圖片的路徑，9 表示的是水印的位置，在右下角，logo.png這個就是你要新增的水印圖片了，這個在同一目錄下/php/，如果要放到其它路徑請用相對路徑。
下面這個就是自定義函數了，新增到Uploader 類中 所有的引數都已在函數註釋中說明，呼叫的時候需要注意一下
/*
* 功能：PHP圖片水印 (水印支援圖片或文字)
* 引數：
*$groundImage 背景圖片，即需要加水印的圖片，暫只支援GIF,JPG,PNG格式；
*$waterPos水印位置，有10種狀態，0為隨機位置；
*1為頂端居左，2為頂端居中，3為頂端居右；
*4為中部居左，5為中部居中，6為中部居右；
*7為底端居左，8為底端居中，9為底端居右；
*$waterImage圖片水印，即作為水印的圖片，暫只支援GIF,JPG,PNG格式；
*$waterText文字水印，即把文字作為為水印，支援ASCII碼，不支援中文；
*$textFont文字大小，值為1、2、3、4或5，預設為5；
*$textColor文字顏色，值為十六進位制顏色值，預設為#FF0000(紅色)；
* 注意：Support GD 2.0，Support FreeType、GIF Read、GIF Create、JPG 、PNG
*$waterImage 和 $waterText 最好不要同時使用，選其中之一即可，優先使用 $waterImage。
*當$waterImage有效時，引數$waterString、$stringFont、$stringColor均不生效。
*加水印後的圖片的檔名和 $groundImage 一樣。
*/
private function imageWaterMark($groundImage,$waterPos=0,$waterImage="",$waterText="",$textFont=5,$textColor="#FF0000")
{
$isWaterImage = FALSE;
$formatMsg = "暫不支援該檔案格式，請用圖片處理軟體將圖片轉換為GIF、JPG、PNG格式。";
//讀取水印檔案
if(!empty($waterImage) && file_exists($waterImage))
{
$isWaterImage = TRUE;
$water_info = getimagesize($waterImage);
$water_w = $water_info[0];//取得水印圖片的寬
$water_h = $water_info[1];//取得水印圖片的高
switch($water_info[2])//取得水印圖片的格式
{
case 1:$water_im = imagecreatefromgif($waterImage);break;
case 2:$water_im = imagecreatefromjpeg($waterImage);break;
case 3:$water_im = imagecreatefrompng($waterImage);break;
default:die($formatMsg);
}
}
//讀取背景圖片
if(!empty($groundImage) && file_exists($groundImage))
{
$ground_info = getimagesize($groundImage);
$ground_w = $ground_info[0];//取得背景圖片的寬
$ground_h = $ground_info[1];//取得背景圖片的高
switch($ground_info[2])//取得背景圖片的格式
{
case 1:$ground_im = imagecreatefromgif($groundImage);break;
case 2:$ground_im = imagecreatefromjpeg($groundImage);break;
case 3:$ground_im = imagecreatefrompng($groundImage);break;
default:die($formatMsg);
}
}
else
{
die("需要加水印的圖片不存在！");
}
//水印位置
if($isWaterImage)//圖片水印
{
$w = $water_w;
$h = $water_h;
$label = "圖片的";
}
else//文字水印
{
$temp = imagettfbbox(ceil($textFont*5),0,"./cour.ttf",$waterText);//取得使用 TrueType 字型的文字的範圍
$w = $temp[2] - $temp[6];
$h = $temp[3] - $temp[7];
unset($temp);
$label = "文字區域";
}
if( ($ground_w<$w) || ($ground_h<$h) )
{
echo "需要加水印的圖片的長度或寬度比水印".$label."還小，無法生成水印！";
return;
}
switch($waterPos)
{
case 0://隨機
$posX = rand(0,($ground_w - $w));
$posY = rand(0,($ground_h - $h));
break;
case 1://1為頂端居左
$posX = 0;
$posY = 0;
break;
case 2://2為頂端居中
$posX = ($ground_w - $w) / 2;
$posY = 0;
break;
case 3://3為頂端居右
$posX = $ground_w - $w;
$posY = 0;
break;
case 4://4為中部居左
$posX = 0;
$posY = ($ground_h - $h) / 2;
break;
case 5://5為中部居中
$posX = ($ground_w - $w) / 2;
$posY = ($ground_h - $h) / 2;
break;
case 6://6為中部居右
$posX = $ground_w - $w;
$posY = ($ground_h - $h) / 2;
break;
case 7://7為底端居左
$posX = 0;
$posY = $ground_h - $h;
break;
case 8://8為底端居中
$posX = ($ground_w - $w) / 2;
$posY = $ground_h - $h;
break;
case 9://9為底端居右
$posX = $ground_w - $w - 10; // -10 是距離右側10px 可以自己調節
$posY = $ground_h - $h - 10; // -10 是距離底部10px 可以自己調節
break;
default://隨機
$posX = rand(0,($ground_w - $w));
$posY = rand(0,($ground_h - $h));
break;
}
//設定影象的混色模式
imagealphablending($ground_im, true);
if($isWaterImage)//圖片水印
{
imagecopy($ground_im, $water_im, $posX, $posY, 0, 0, $water_w,$water_h);//拷貝水印到目標檔案
}
else//文字水印
{
if( !emptyempty($textColor) && (strlen($textColor)==7) )
{
$R = hexdec(substr($textColor,1,2));
$G = hexdec(substr($textColor,3,2));
$B = hexdec(substr($textColor,5));
}
else
{
die("水印文字顏色格式不正確！");
}
imagestring ( $ground_im, $textFont, $posX, $posY, $waterText, imagecolorallocate($ground_im, $R, $G, $B));
}
//生成水印後的圖片
@unlink($groundImage);
switch($ground_info[2])//取得背景圖片的格式
{
case 1:imagegif($ground_im,$groundImage);break;
case 2:imagejpeg($ground_im,$groundImage);break;
case 3:imagepng($ground_im,$groundImage);break;
default:die($errorMsg);
}
//釋放記憶體
if(isset($water_info)) unset($water_info);
if(isset($water_im)) imagedestroy($water_im);
unset($ground_info);
imagedestroy($ground_im);
}好啦，這個就好用了。上傳圖片加水印就好用了。
請注意：水印功能需要用到GD庫模組，請檢查下php是否安裝了GD庫模組。
推薦學習：《》
VIP推薦：
以上就是聊聊如何使用ueditor上傳圖片加水印的詳細內容，更多請關注TW511.COM其它相關文章！
