序

最近在工作中遇到一个需求，就是实现百度ueditor在ASP.NET的图片上传加水印的功能，最终通过查找相关信息实现。跟大家分享一下实现的效果。在文章的最后，我们给出了一个示例代码，供大家参考和学习。让我们一起学习，一起学习。

翻译

首先，看看我们想要的功能界面。如果发现这种效果不是自己想要的，就不需要看下面的内容了。

准备

从官网下载的Ueditor压缩包，我下载的是uedit1 _ 4 _ 3-utf8-net的版本，下面的介绍就是针对这个版本的。

修改界面

首先找出我们要添加“水印[复选框]”的位置

由此我们可以知道，我们应该去image.html修改我们的html代码，并在image.html文件的第36行的开头添加几行html代码，如下所示：

刷新界面，点击多图上传本地上传，界面如下图：

寻找可行的方法

打开FireBug，选择控制台，我们上传一张图片查看请求信息：

这里可以看到，图片的上传是由controller.ashx处理的，并且有请求的参数：action和encode。然后让我们看看controller.ashx是如何具体处理的：

前台传来的动作参数值是uploadimage，类动作由派生类UploadHandler实例化，通过构造函数注入UploadConfig类的实例，最后由动作调用。流程():

文件。WriteAllBytes是保存图片的方法。

以上是图片上传中‘本地上传’的主要处理代码。现在想想，我们应该怎么做才能给图片加水印？

有人反应很快：当我们从前台请求controller.ashx时，我们可以将带有水印的‘字符串’传递给后台，后台可以通过判断做出相应的处理！

实现

1.首先找出在请求controller.ashx时添加参数的位置，对于js基础好的学生来说应该不难找到：

我们给他添加了一个参数：“水印与否”

2.在后台获取参数，判断是否添加水印

好了，就这样~

上传图片查看：

其他的

水印图像处理类可以通过本文详细查看：//www . JB 51 . net/article/108473 . htm。

示例下载：单击此处

摘要

好了，以上就是ASP.NET UEditor上传的水印图片。希望本文的内容能给大家的学习或工作带来一些帮助。有问题可以留言交流。谢谢你的支持。