百度在線編輯器UEditor(v1.3.6) .net環(huán)境下詳細配置教程之更改圖片和附件上傳路徑

本文是接上一篇博客，如果有疑問請先閱讀上一篇：百度在線編輯器UEditor(v1.3.6) .net環(huán)境下詳細配置教程

默認UEditor上傳圖片的路徑是，編輯器包目錄里面的net目錄下

下面就演示如何修改圖片和附件的上傳路徑，先看效果：

步驟1.首先修改ueditor.config.js文件，如下圖，紅色框即為修改后的效果。

說明：1.imagePath:是用來顯示圖片上傳成功后，編輯器里圖片的預(yù)覽效果。如果此路徑出錯，那么在編輯器中就無法預(yù)覽到我們剛上傳圖片。可以查看HTML代碼查看路徑。

2.savePath:這個就是我們上傳圖片時選擇的選擇保存目錄，這個需要和Config.cs里面保持一致，否者報：非法上傳目錄。另外本目錄在imageUp.ashx中保存文件時用到的。見步驟2中紅色框里面的path。

3.filePaht:和imagePath類似，用來附件上傳后，在編輯器里顯示的附件的路徑。如果有問題，發(fā)布后將無法下載附件。

步驟2.修改imageUp.ashx，如下圖，紅色框中即為修改后的效果。注意箭頭所指，如果你遇到類似錯誤，那么就說明你沒有修改Config.cs文件(見步驟2).

說明：1，上圖箭頭所指的非法上傳目錄，是編輯器驗證圖片上傳的路徑，以防止惡人修改js代碼，非法亂上傳。要防止出現(xiàn)這個問題，就要保證ueditor.config.js中圖片上傳區(qū)域中的savePath和config.cs中保持一致。

2.紅色框即為圖片保存的磁盤路徑，注意，path(這里相當(dāng)于ueditor.config.js中圖片上傳區(qū)域中的savePath中指定的upload)前加了’/’是為了保證圖片存放的位置是根目錄下指定文件夾upload,后面硬編碼了upload下面的images文件夾。

步驟3.修改Config.cs文件，見下圖。因為步驟1中我們修改了ueditor.config.js中圖片上傳配置區(qū)圖片保存路徑，所以這里也需要修改否則會報：非法上傳目錄

注意，這里就非常簡單了，就是服務(wù)器端驗證圖片上傳路徑，以防止惡人通過腳本修改來而已上傳。

步驟4.修改fileUp.ashx文件，見下圖，紅色框即為修改后效果。

說明，1，這里硬編碼了圖片的具體上傳路徑。注意pathbase路徑我們以”/”開頭，這個還是保證上傳文件夾是根目錄下的upload/files,如果不帶，那么會是相對于編輯器所在頁面，然后進行查找upload文件夾。有疑問可以多實驗Server.MapPath這個方法具體效果。

補充：其實整個配置都不是很難，因為我們可以直接用vs2010來調(diào)試編輯器中后臺代碼，只要能調(diào)試一切都不是問題了。關(guān)鍵點就是百度在線編輯器UEditor(v1.3.6) .net環(huán)境下詳細配置教程中所說的，首先要移除后臺文件頭部中類似<%@ Assembly Src="xxxx.cs" %>的代碼。不知道百度編輯器團隊是太高手了還是我太菜鳥了，用這么反人類的方法引用cs文件，導(dǎo)致vs死活捕獲不了我添加的斷點，移除后就順利捕獲了。

貼心服務(wù)：已將文中項目打包，因為文中圖片太大太多，恐網(wǎng)速慢的朋友打不開，亦將本文存為圖片打包。下載請至：http://yunpan.cn/Q4NbpGaH5tFeA

updated 2014-09-01

因為之前配置成功過，在新的項目里就直接拷貝使用了，發(fā)現(xiàn)一些功能無法使用。比如上傳圖片。按照上面的說明進行調(diào)試始終無法捕獲斷點。

經(jīng)多次嘗試，發(fā)現(xiàn)以下步驟，最終獲取了斷點。

1.新建一個vs解決方案，然后添加現(xiàn)有網(wǎng)站，指向編輯器所在的包net文件夾。

2.生成一下網(wǎng)站，此時我的net網(wǎng)站里有報錯。原來是引用命名空間錯誤。修改之后，直至可以生成網(wǎng)站成功。

其實此步驟就是排除net里面可能錯誤的代碼。

3.再次進入正式項目，手工附加進程進行調(diào)試，斷點如期捕獲。

總結(jié)就是，最大的問題時編輯里的net文件夾相關(guān)代碼寫錯后，它不會提示你，也不會生成錯誤日志，以致比較難發(fā)現(xiàn)錯誤。