解決:百度編輯器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地址。而不是實體地址。