在使用百度編輯器ueditor的時候,怎么將圖片保存到另一個服務器,或者上傳到ftp服務器?這個問題,估計很多使用UE的人會遇到。而且我百度過,沒有找到這個問題的解決方案。那么:本篇文章就很適合你了。因為本文解決了這個問題。
1.當你使用UEditor(以下簡稱UE)的時候,那么你自然要引入他的源碼工程。
如下圖:
配置好后的效果圖
本文使用UE版本是:1.4.3.1版本
2.本文搭建的環境
我這篇文章生產環境使用的網站域名是:http://admin.domain.com/
UE的文件目錄就在是http://admin.domain.com/ueditor/ 下
使用的是vs2013。C#.net環境
3.步入正題,下載完源碼后,解壓。直接將.net的源碼全盤copy到 http://admin.domain.com/ueditor/
UE的源碼他是已經分類好的。php的歸php,.net的歸.net。jsp的歸jsp。。你用什么語種,你就copy你自己需要的語種源碼。
4.默認的配置文件都不需要改動。
如上圖:ueditor.config.js等所有js,是怎么樣的還是怎么樣。。不需要動它。因為我們項目里就沒有改動過。。
5.將net文件夾轉化為應用程序
如上圖:net文件夾的位置
6.打開iis,轉換應用程序
如上圖操作。共3個紅圈。你操作完后,大約就是這樣子。
7.打開config.json配置文件進行修改
config.json文件位置如上圖所示
8.config.json文件修改“上傳圖片配置”
如上圖。將“上傳圖片配置”按圖片中那樣修改
8-1).config.json文件修改“抓取遠程圖片配置”
如上圖。將“抓緊遠程圖片配置”按上面圖片進行修改。
那么,有同學會問了,我是上傳圖片,為什么還要修改“抓緊遠程圖片配置”?
因為當你copy網絡新聞時,這些新聞中可能會有圖片,而這些內容,當你直接復制到UE中時,會自動觸發這個“遠程抓取”功能。所以要設置。
同時:即使是在UE中,你就圖片移動到另一個位置,進行排版時,UE也會自動觸發這個“遠程抓取”功能。
9.接下來,找到controller.ashx文件。
位置如上圖
10.打開controller.ashx文件進行修改
如上圖。新增2行代碼
RemoteServerPath = Config.GetString("imageRemoteServerPath"),
RemoteServerHost = Config.GetString("imageRemoteServerHost"),
11.修改UploadHandler.cs文件
UploadHandler.cs位置如上圖
打開:UploadHandler.cs文件
找到如下代碼,並進行修改:
修改后,如上圖紅圈所示。效果應該是這樣子。
12.仍然打開:UploadHandler.cs文件
修改內容如下:
代碼位置在70行左右。修改后如上圖所示。關鍵位置在紅圈處。
13.UploadHandler.cs文件的代碼,是修改“上傳圖片”的功能的。
14.下面開始修改“遠程抓緊圖片”的功能。打開CrawlerHandler.cs文件
CrawlerHandler.cs的文件位置如上圖所示
15.修改CrawlerHandler.cs的內容:
修改后,代碼應該類似於上面。請關注紅圈中的內容,那是重點。
16.結束:
請使用UE上傳一張圖片。他的URL應該類似於:http://image.domain.com/ueditor/upload/image/20160229/6359233657403001964317029.png
或者你將網絡中的一篇圖片新聞,比如找一下騰訊網的圖文新聞,直接將其內容copy到UE框中,那么看到的圖片地址應該類似於:http://image.domain.com/ueditor/upload/image/20160229/6359233657403001964317029.png
那么:恭喜你。你完成了修改。
同理,ftp是一樣的。你只要把上述的配置地址,改為ftp服務器地址即可。
如上圖,鼠標選中圖片,然后會出現修改2字。
點擊“修改”,會出現下圖:
請看,網址已變成url地址。而不是物理地址。
文章完結。期望對你有幫助。。