1. 程式人生 > >解決:百度編輯器UEditor,怎麼將圖片儲存到圖片伺服器,或者上傳到ftp伺服器的問題(如果你正在用UE,這篇文章值得你看下)

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