解決:百度編輯器UEditor,怎麼將圖片保存到圖片服務器,或者上傳到ftp服務器的問題(若是你正在用UE,這篇文章值得你看下)

在使用百度編輯器ueditor的時候,怎麼將圖片保存到另外一個服務器,或者上傳到ftp服務器?這個問題,估計不少使用UE的人會遇到。並且我百度過,沒有找到這個問題的解決方案。那麼:本篇文章就很適合你了。由於本文解決了這個問題。php

 

1.當你使用UEditor(如下簡稱UE)的時候,那麼你天然要引入他的源碼工程。html

以下圖:web

配置好後的效果圖json

本文使用UE版本是:1.4.3.1版本服務器

若是須要下載,請訪問:UE官網網絡

2.本文搭建的環境dom

我這篇文章生產環境使用的網站域名是:http://admin.domain.com/jsp

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地址。而不是物理地址。

 

文章完結。指望對你有幫助。。

相關文章
相關標籤/搜索