旗下导航:搜·么
当前位置:网站首页 > .Net教程 > 正文

图文详解ASP.NET百度Ueditor编辑器完成上传图片增加水印结果实例【C#.Net教程】,ueditor编辑器 图片上传 asp.net

作者:搜教程发布时间:2019-11-27分类:.Net教程浏览:75评论:0


导读:这篇文章重要给人人引见了ASP.NET百度Ueditor编辑器1.4.3这个版本完成上传图片增加水印结果的相干材料,文中经由过程图文及示例代码引见的异常细致,置信对人人具有肯定的参...
这篇文章重要给人人引见了ASP.NET百度Ueditor编辑器1.4.3这个版本完成上传图片增加水印结果的相干材料,文中经由过程图文及示例代码引见的异常细致,置信对人人具有肯定的参考价值,须要的朋友们下面来一同看看吧。

媒介

近来工作中碰到一个需求,是要完成asp.net百度ueditor图片上传增加水印的功用,经由过程查找相干的材料终究完成了,下面来给人人分享下完成的结果,文末给出了实例代码,人人能够参考进修,下面来一同进修进修吧。

结果图

起首来看下我们想要的功用界面,假如觉察这类结果不是你想要的,背面的内容就不必看了。

预备

从官网下载的Ueditor压缩包,我下载的是ueditor1_4_3-utf8-net 这个版本,下面的引见是对这个版本而言的。

修正界面

先找到我们要增加"加水印[checkbox]"的处所


由此能够晓得,我们应当到image.html 这个文件去修正我们的html代码,在 image.html文件的第36行最先增加几行html代码,如下图:

革新界面,单击多图上传>当地上传,界面就变成如许了:

寻觅可行的要领

翻开FireBug,选中控制台,我们上传一张图片,看一下要求信息:

这里能够看到,图片的上传是由controller.ashx 来处置惩罚的,而且有要求的参数:action 和 encode 。那我们再来看一下controller.ashx 详细是怎样处置惩罚的:

前台传过来的参数action 参数值为uploadimage ,类action 由派生类 UploadHandler举行实例化,UploadHandler 又经由过程组织函数注入 UploadConfig类的实例,最后由action.Process()挪用:

个中File.WriteAllBytes 即为保留图片的要领。

上面就是图片上传中"当地上传"的重要处置惩罚代码。如今思索一下,我们要给图片加水印,应当怎样去做呢?

有人很快就回响反映过来了:我们能够从前台要求controller.ashx 时将带有是不是要加水印的"字符串"一并通报到背景,背景经由过程推断就能够做出响应的处置惩罚了!

完成

1. 先找到要求controller.ashx 时,参数是从那里增加上去的,js基本比较好的同砚应当不难找到:

我们给他增加参数:“是不是加水印”

2. 背景猎取参数并举行推断是不是要加水印

好了,如许就功德圆满了~

上传一张图片看看:

以上就是图文详解ASP.NET百度Ueditor编辑器完成上传图片增加水印结果实例的细致内容,更多请关注ki4网别的相干文章!

标签:ueditor编辑器 图片上传 asp.net


欢迎 发表评论: