Baidu 편집기에 이미지 워터마크 기능 추가

*文
풀어 주다: 2023-03-18 15:16:01
원래의
2306명이 탐색했습니다.

바이두 에디터에 이미지 워터마크 기능을 추가하는 방법은 무엇인가요? 며칠 전 phpcms에 내장된 편집기를 사용하기 매우 쉬운 Baidu UE 편집기로 변경했는데, 한 가지 아쉬운 점은 업로드된 이미지에 워터마크를 추가할 수 없다는 것입니다. . 몇 가지 조사 끝에 마침내 깨달았습니다. 그것이 모두에게 도움이 되기를 바랍니다.

UEditor 편집기에 업로드된 이미지는 자동으로 추출되지만, 해당 이미지에는 워터마크 기능이 없습니다. 함께 살펴볼까요?

UEditor 편집기에는 사진 업로드 및 워터마크 추가 기능이 없으며, 2차 개발이 필요합니다. 이 예제는 PHPCMS 시스템에서 Baidu 편집기의 2차 개발을 수행하고 사진 업로드 및 워터마크 추가 기능을 추가하는 것입니다.

먼저 UEditor 에디터 파일 디렉터리에 있는 php 폴더를 열고 Uploader.class.php를 열고 워터마크를 추가하는 PHPCMS 메소드를 복사하여 이 클래스의 모든 멤버 메소드 끝에 추가한 후 다음과 같이 수정합니다.

//图片加水印
public function watermark($source, $target = '', $w_pos = '', $w_img = '', $w_text = '99danji',$w_font = 8, $w_color = '#ff0000') {
  $this->w_img = 'watermark.png';
  $this->w_pos = 9;
  $this->w_minwidth = 400;
  $this->w_minheight = 200;
  $this->w_quality = 80;
  $this->w_pct = 85;
 
  $w_pos = $w_pos ? $w_pos : $this->w_pos;
  $w_img = $w_img ? $w_img : $this->w_img;
  //if(!$this->watermark_enable || !$this->check($source)) return false;
  if(!$target) $target = $source;
  //$w_img = PHPCMS_PATH.$w_img;
  //define('WWW_PATH', dirname(dirname(dirname(__FILE__)));
  $w_img = '../../../images/water/'.$w_img;
  $source_info = getimagesize($source);
  $source_w  = $source_info[0];
  $source_h  = $source_info[1];
  //if($source_w < $this->w_minwidth || $source_h < $this->w_minheight) return false;
  switch($source_info[2]) {
    case 1 :
      $source_img = imagecreatefromgif($source);
      break;
    case 2 :
      $source_img = imagecreatefromjpeg($source);
      break;
    case 3 :
      $source_img = imagecreatefrompng($source);
      break;
    default :
      return false;
  }
  if(!empty($w_img) && file_exists($w_img)) {
    $ifwaterimage = 1;
    $water_info  = getimagesize($w_img);
    $width    = $water_info[0];
    $height    = $water_info[1];
    switch($water_info[2]) {
      case 1 :
        $water_img = imagecreatefromgif($w_img);
        break;
      case 2 :
        $water_img = imagecreatefromjpeg($w_img);
        break;
      case 3 :
        $water_img = imagecreatefrompng($w_img);
        break;
      default :
        return;
    }
  } else {    
    $ifwaterimage = 0;
    $temp = imagettfbbox(ceil($w_font*2.5), 0, PC_PATH.&#39;libs/data/font/elephant.ttf&#39;, $w_text);
    $width = $temp[2] - $temp[6];
    $height = $temp[3] - $temp[7];
    unset($temp);
  }
  switch($w_pos) {
    case 1:
      $wx = 5;
      $wy = 5;
      break;
    case 2:
      $wx = ($source_w - $width) / 2;
      $wy = 0;
      break;
    case 3:
      $wx = $source_w - $width;
      $wy = 0;
      break;
    case 4:
      $wx = 0;
      $wy = ($source_h - $height) / 2;
      break;
    case 5:
      $wx = ($source_w - $width) / 2;
      $wy = ($source_h - $height) / 2;
      break;
    case 6:
      $wx = $source_w - $width;
   $wy = ($source_h - $height) / 2;
      break;
    case 7:
      $wx = 0;
      $wy = $source_h - $height;
      break;
    case 8:
      $wx = ($source_w - $width) / 2;
      $wy = $source_h - $height;
      break;
    case 9:
      $wx = $source_w - $width;
      $wy = $source_h - $height;
      break;
    case 10:
      $wx = rand(0,($source_w - $width));
      $wy = rand(0,($source_h - $height));
      break;       
    default:
      $wx = rand(0,($source_w - $width));
      $wy = rand(0,($source_h - $height));
      break;
  }
  if($ifwaterimage) {
    if($water_info[2] == 3) {
      imagecopy($source_img, $water_img, $wx, $wy, 0, 0, $width, $height);
    } else {
      imagecopymerge($source_img, $water_img, $wx, $wy, 0, 0, $width, $height, $this->w_pct);
    }
  } else {
    if(!empty($w_color) && (strlen($w_color)==7)) {
      $r = hexdec(substr($w_color,1,2));
      $g = hexdec(substr($w_color,3,2));
      $b = hexdec(substr($w_color,5));
    } else {
      return;
    }
    imagestring($source_img,$w_font,$wx,$wy,$w_text,imagecolorallocate($source_img,$r,$g,$b));
  }
  
  switch($source_info[2]) {
    case 1 :
      imagegif($source_img, $target);
      break;
    case 2 :
      imagejpeg($source_img, $target, $this->w_quality);
      break;
    case 3 :
      imagepng($source_img, $target);
      break;
    default :
      return;
  }
 
  if(isset($water_info)) {
    unset($water_info);
  }
  if(isset($water_img)) {
    imagedestroy($water_img);
  }
  unset($source_info);
  imagedestroy($source_img);
  return true;
}
 
public function check($image) {
  return extension_loaded(&#39;gd&#39;) && preg_match("/\.(jpg|jpeg|gif|png)/i", $image, $m) && file_exists($image) && function_exists(&#39;imagecreatefrom&#39;.($m[1] == &#39;jpg&#39; ? &#39;jpeg&#39; : $m[1]));
}
로그인 후 복사

제가 수정한 부분과 비교하면 phpcms 워터마크는 백그라운드에서 관리 및 설정이 가능하기 때문에 phpcms에 포함된 워터마크 방식은 구성 파일을 읽어서 경로를 얻어오고, 데이터베이스를 읽어서 매개변수 설정을 얻어옵니다 설정한 경우 이러한 장소를 수동으로 설정해야 합니다.

그런데, upFile 메소드에 함수를 추가해야 합니다:


코드 복사 코드는 다음과 같습니다:


if ($this->watermark) {
$this- >watermark($this- >filePath,$this->filePath);
}

그런 다음 UEditor Baidu 편집기의 php 디렉토리에 있는 action_upload.php 파일을 열고 워터마크 추가 여부에 대한 매개 변수를 추가합니다. :

/* 上传配置 */
$base64 = "upload";
switch (htmlspecialchars($_GET[&#39;action&#39;])) {
  case &#39;uploadimage&#39;:
    $config = array(
      "pathFormat" => $CONFIG[&#39;imagePathFormat&#39;],
      "maxSize" => $CONFIG[&#39;imageMaxSize&#39;],
      "allowFiles" => $CONFIG[&#39;imageAllowFiles&#39;]
    );
    $fieldName = $CONFIG[&#39;imageFieldName&#39;];
    $watermark = true;
    break;
로그인 후 복사

다음으로 바꿔야 할 문장이 하나 더 있습니다:

/* 生成上传实例对象并完成上传 */
$up = new Uploader($fieldName, $config, $base64, $watermark);
로그인 후 복사

이 글은 주로 아이디어와 참고 자료를 제공하기 위한 것입니다.

관련 권장 사항:

Baidu 편집기 ueditor에 tp3를 삽입하는 방법은 무엇입니까?

PHP UEditor Baidu 편집기를 설치하고 사용하여 공유하는 방법에 대한 자세한 소개

yii2는 Baidu 편집기 ueditor를 통합하고, yii2는 ueditor_PHP 튜토리얼을 통합합니다

위 내용은 Baidu 편집기에 이미지 워터마크 기능 추가의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿