前言

最近工作中遇到一個需求，是要實現(xiàn)asp.net百度ueditor圖片上傳添加水印的功能，通過查找相關(guān)的資料終于實現(xiàn)了，下面來給大家分享下實現(xiàn)的效果，文末給出了實例代碼，大家可以參考學(xué)習(xí)，下面來一起學(xué)習(xí)學(xué)習(xí)吧。

效果圖

首先來看下我們想要的功能界面，如果發(fā)覺這種效果不是你想要的，后面的內(nèi)容就不用看了。

準(zhǔn)備 

從官網(wǎng)下載的Ueditor壓縮包，我下載的是ueditor1_4_3-utf8-net 這個版本，下面的介紹是對這個版本而言的。

修改界面

先找到我們要添加"加水印[checkbox]"的地方

由此可以知道，我們應(yīng)該到image.html 這個文件去修改我們的html代碼，在 image.html文件的第36行開始添加幾行html代碼，如下圖：

刷新界面，單擊多圖上傳>本地上傳，界面就變成這樣了：

尋找可行的辦法

打開FireBug，選中控制臺，我們上傳一張圖片，看一下請求信息：

這里可以看到，圖片的上傳是由controller.ashx 來處理的，而且有請求的參數(shù)：action 和 encode 。那我們再來看一下controller.ashx 具體是怎么處理的：

前臺傳過來的參數(shù)action 參數(shù)值為uploadimage ，類action 由派生類 UploadHandler進行實例化，UploadHandler 又通過構(gòu)造函數(shù)注入 UploadConfig類的實例，最后由action.Process()調(diào)用：

其中File.WriteAllBytes 即為保存圖片的方法。

上面就是圖片上傳中"本地上傳"的主要處理代碼。現(xiàn)在思考一下，我們要給圖片加水印，應(yīng)該怎么去做呢？

有人很快就反應(yīng)過來了：我們可以從前臺請求controller.ashx 時將帶有是否要加水印的"字符串"一并傳遞到后臺，后臺通過判斷就可以做出相應(yīng)的處理了！

實現(xiàn)

1. 先找到請求controller.ashx 時，參數(shù)是從哪里添加上去的，js基礎(chǔ)比較好的同學(xué)應(yīng)該不難找到：

我們給他添加參數(shù)：“是否加水印”

2. 后臺獲取參數(shù)并進行判斷是否要加水印

好了，這樣就大功告成了~

上傳一張圖片看看：

其他

水印圖片的處理，圖片處理類可以通過這篇文章查看詳細(xì)：http://www.dbjr.com.cn/article/108473.htm

示例下載：點擊這里

總結(jié)

好了，以上就是關(guān)于ASP.NET Ueditor上傳圖片添加水印的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。

最新評論