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”修改為一樣的路徑,不過這些功能很少用到。

 

這就完成了,效果圖:

添加新聞:

 

查看新聞:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM