asp.net ueditor 圖片上傳路徑問題解決

最近練習作一個新聞系統，其中不能少了添加新聞和修改新聞的功能 ，並且還要添加圖片、添加文字樣式，

因此不得不使用富文本編輯器，在kindeditor和ueditor中，選擇了目前還在持續更新的百度產品，ueditor。

 

剛開始，圖片上傳的時候，圖片不能顯示，甚至提示後臺文件未配置的提示，通過摸索，解決了問題，如今記錄一下：

 

首先，ueditor默認配置是把ueditor的整個文件夾放在項目的根目錄中，這樣的話，圖片什麼的都應該能正常顯示。

可是我把ueditor的文件夾放到了根目錄下的scripts文件夾裏面，就必須修改配置文件了。

個人目錄結構：

 

首先打開scripts/ueditor/net/config.json

看到「上傳圖片配置項」中的imageUrlPrefix和imagePathFormat，

imageUrlPrefix是指前半段的路徑，原來是/ueditor/net，個人修改成/scripts/ueditor/net，注意前面的「/」不能少，這表示根目錄。

imagePathFormat是指後半段的路徑，我沒有修改，由於我是放到默認的ueditor文件夾中。

其實圖片就是保存到這兩個路徑合併後的地方，則是/scripts/ueditor/net/upload/image/......

 

另外，config.json的後面還有塗鴉圖片上傳、截圖工具上傳等等功能，我也統一把「PathFormat」和「UrlPrefix」修改成同樣的路徑，不過這些功能不多用到。

 

這就完成了，效果圖：

添加新聞：

 

查看新聞：