Layui本身不提供水印功能，必须在后端（如C# .NET MVC）接收文件后用System.Drawing等库手动叠加水印；前端仅负责上传与预览，水印逻辑必须置于Controller的upload方法体内，不可依赖JS处理。
直接上结论：layui 本身不提供水印功能，必须在后端（如 c# .net mvc）接收文件后，用 system.drawing 或第三方库（如 imagesharp）手动叠加水印；前端只负责上传和预览，别指望 upload.render() 自带水印参数。
为什么不能在前端加水印？
浏览器环境无法可靠修改图片像素数据并保持质量（尤其 PNG 透明通道、JPEG 色彩空间），Canvas 绘制水印后导出易失真、不支持 CMYK、无法控制压缩率；更重要的是——用户可绕过 JS 直接发原始图。水印必须落在服务端处理环节。
常见错误现象：done 回调里用 canvas.toDataURL() 生成带水印 base64 再上传，结果服务器收到的是二次压缩的模糊图，且原图未被水印化，白忙一场。
- 水印逻辑必须放在 Controller 的
upload方法体内，而非 JS 里 - 前端
before回调只适合做校验、预览、禁用按钮，不做图像处理 - 若用
System.Drawing，需确认 IIS 应用池启用“32位模式”（因 GDI+ 在 64 位下对某些格式支持异常）
C# 后端添加水印的关键步骤
核心是读取上传流 → 加载原图 → 加载水印图 → 计算位置 → 合成 → 保存。注意路径、尺寸、透明度三处易错点：
-
water = System.Drawing.Image.FromFile(Request.MapPath("/images/watermark.png"))必须确保该路径存在且 Web 用户有读权限，否则抛FileNotFoundException - 水印图建议用 PNG（带 alpha 通道），避免硬编码坐标；推荐用右下角偏移方式：
new Rectangle(img.Width - water.Width - 10, img.Height - water.Height - 10, water.Width, water.Height) - 合成时务必用
Graphics.CompositingMode = CompositingMode.SourceOver，否则透明水印变黑块 - 保存前调用
img.Save(path, ImageFormat.Jpeg)，别漏掉格式参数，否则可能保存为无扩展名文件
Layui 前端如何配合水印流程
重点不是“怎么加”，而是“怎么让后端知道该加”。需要传递必要上下文，比如是否启用水印、水印位置、透明度等，靠 data 参数或 URL query 传过去：
- 在
upload.render()中加data: { watermark: 'true', position: 'bottom-right' }，后端从Request.Form["watermark"]读取 - 不要把水印图 Base64 发到后端——体积大、解码慢、还可能超
maxRequestLength -
done回调里别解析返回 JSON 手动赋值src，直接用后端返回的data.src（即带水印后的虚拟路径），例如：$(".layui-upload-img").attr("src", res.data.src) - 若需显示“处理中”，可在
before里layer.load()，done或error里layer.closeAll("loading")
真正容易被忽略的是水印图本身的 DPI 和色彩配置——如果水印 PNG 是从 Sketch 导出、含嵌入 ICC 配置，.NET 的 Image.FromFile 可能加载失败或颜色偏移；稳妥做法是用 Photoshop “存储为 Web 所用格式”另存一遍，关闭所有元数据选项。
