UEditor插件快速给上传图片添加水印的两种方法

后端

2023-09-06 05:11:05

在UEditor中为图片添加水印：保护原创内容

当你在网络上分享图片时，保护它们免遭窃取至关重要。UEditor提供两种便捷的方法，让你可以给上传的图片轻松添加水印，确保你的内容安全。

方法1：设置上传参数

如果你想在图片上传时自动添加水印，可以通过配置UEditor的上传参数来实现：

$config['imageWatermark']：启用水印功能（设为true）
$config['imageWatermarkFile']：指定水印图片的路径（例如，./logo.png）
$config['imageWatermarkTransparency']：设置水印透明度（0-100）
$config['imageWatermarkOffsetX']：调整水印在X轴上的偏移量（例如，5）
$config['imageWatermarkOffsetY']：调整水印在Y轴上的偏移量（例如，5）

配置完成后，每当你上传图片时，系统都会自动添加水印。

方法2：手动添加水印

如果你不想配置上传参数，也可以在图片上传后手动添加水印：

安装一个图片处理库（如GD库或Imagick库）
在UEditor的上传代码中添加以下代码：

// 获取上传的图片信息
$file = $_FILES['upfile'];
$fileName = $file['name'];
$fileTmpName = $file['tmp_name'];

// 检查上传是否成功
if ($file['error'] == 0) {
    // 将图片保存到服务器
    $savePath = './uploads/' . $fileName;
    if (move_uploaded_file($fileTmpName, $savePath)) {
        // 加载图片和水印
        $image = imagecreatefromjpeg($savePath);
        $watermark = imagecreatefrompng('./logo.png');

        // 获取水印尺寸
        $watermarkWidth = imagesx($watermark);
        $watermarkHeight = imagesy($watermark);

        // 将水印添加到图片
        imagecopymerge($image, $watermark, 0, 0, 0, 0, $watermarkWidth, $watermarkHeight, 50);

        // 保存带水印的图片
        imagejpeg($image, $savePath);

        // 释放资源
        imagedestroy($image);
        imagedestroy($watermark);

        // 输出成功信息
        echo json_encode(['success' => true, 'message' => '上传成功！']);
    } else {
        // 输出失败信息
        echo json_encode(['success' => false, 'message' => '上传失败！']);
    }
} else {
    // 输出失败信息
    echo json_encode(['success' => false, 'message' => '上传失败！错误代码：' . $file['error']]);
}

添加这段代码后，每当你上传图片时，系统都会手动添加水印。

常见问题解答

水印可以在哪些图片格式上添加？
- JPEG
- PNG
- GIF
我可以使用自定义的水印图片吗？
- 是的，可以通过修改$config['imageWatermarkFile']参数来指定自定义水印图片的路径。
水印可以放置在图片的哪个位置？
- 水印的位置可以通过$config['imageWatermarkOffsetX']和$config['imageWatermarkOffsetY']参数来调整。
水印可以设置透明度吗？
- 是的，可以通过$config['imageWatermarkTransparency']参数来设置水印的透明度（0-100）。
如果我上传了一个不兼容的图片格式，会发生什么？
- UEditor将不会添加水印，并返回一个错误消息。