在使用百度編輯器ueditor的時候,怎麼將圖片保存到另一個伺服器,或者上傳到ftp伺服器?這個問題,估計很多使用UE的人會遇到。而且我百度過,沒有找到這個問題的解決方案。那麼:本篇文章就很適合你了。因為本文解決了這個問題。
在使用百度編輯器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地址。而不是物理地址。
文章完結。期望對你有幫助。。