コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

Baidu UEDITOR editor_html/css_WEB-ITnose にアップロードされた画像にウォーターマークを追加する

PHP中文网
リリース： 2016-06-24 11:46:04
オリジナル
899 人が閲覧しました


Baidu UEDITOR エディターによってアップロードされた画像に Watermark_html/css_WEB-ITnose を追加します

form:http://www.uphtm.com/php/255.html

UEDITOR エディターによってアップロードされた画像は自動的に抽出されますはい、ただし、画像には透かし機能がありません。編集者が以下で確認します。

UEditor エディターには画像のアップロードとウォーターマークの追加機能がなく、二次開発が必要です。この例では、PHPCMS システムで Baidu エディターの二次開発を実行し、画像のアップロードとウォーターマークの追加機能を追加します。


まず、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 ファイルを開き、ウォーターマークを追加するかどうかのパラメーターを追加します: 

  1. /* 上传配置 */
$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;
    ログイン後にコピー

次に、次の文をもう 1 つ変更します: 

  1. /* 生成上传实例对象并完成上传 */
$up = new Uploader($fieldName, $config, $base64, $watermark);
    ログイン後にコピー

    この記事は主にアイデアと参考情報を提供することを目的としています。

    フォーム: http://www.uphtm.com/php/255.html


    上記は、Baidu UEDITOR エディターに画像をアップロードするために、watermark_html/css_WEB-ITnose を追加する内容です。さらに関連する内容にご注意ください。コンテンツ PHP 中国語 Web サイト (www.php.cn)!







関連ラベル：
UEDITOR，编辑器，添加水印
ソース：php.cn
前の記事：win7 では、Ant は yuicompressor と連携して、js と css_html/css_WEB-ITnose をマージ、圧縮、コピーします。 次の記事：CSSボックスの再理解model_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
PHPコードをデータベーステーブルに接続する方法 laravel プロジェクトを編集していて、署名機能を追加したいと考えています。以下にこのコードがありますが、モバイル対応です。しかし、既存のサーバー名 localhost に接続...
から 2024-04-02 18:34:22
0
1
327
Angular では、ボタンをクリックするだけでツリー ビューを Syncfusion ドキュメント エディタに統合できますか? syncfusion ドキュメント エディターのツールバーにカスタム ボタンを作成し、ツリー ビューという名前を付けました。ドキュメント エディタにツリー ビュー機能を追加したいと...
から 2024-04-01 09:18:00
0
1
284
テーブル tr:first-child td の機能上の問題 CSS とテーブルを使用して、分子と分母の間に分数線を配置します。複素分数の場合、Ant ブラウザでは正しく動作しません。以下は、この問題を示す Tryit エディターで使用される...
から 2024-03-30 13:24:05
0
1
295
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート