百度ueditor编辑器动态获取项目根目录
生活随笔
收集整理的這篇文章主要介紹了
百度ueditor编辑器动态获取项目根目录
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
編輯器的 jsp\config.json 文件里面有個 imageUrlPrefix 這里指定的是“上傳圖片訪問路徑前綴”,即項目根目錄,如果是跨域(遠程)操作的話,需要寫上服務器的公網ip地址和項目名稱,否則上傳圖片的時候會無法顯示,因此,我們在不同的器部署的時候都需要做不同的配置,有沒有辦法讓其自動獲取到當前項目的路徑呢,我這里有一個小方法,和大家分享一下。
編輯 ueditor.all.js
1、里面添加以下JS: //================開始==================== /*** 獲取項目的根路徑*/ function getRootPath(){//獲取當前網址,如: http://localhost:8080/xxx/xxxxx/xxx/xxxxxxx.jspvar curWwwPath = window.document.location.href;//獲取主機地址之后的目錄,如: /xxx/xxxxx/xxx/xxxxxxx.jspvar pathName = window.document.location.pathname;var pos = curWwwPath.indexOf(pathName);//獲取主機地址,如: http://localhost:8080var localhostPath = curWwwPath.substring(0, pos);//獲取帶"/"的項目名,如:/xxxvar projectName = localhostPath+pathName.substring(0, pathName.substr(1).indexOf('/') + 1)+"/";return projectName; } var rootUrl = getRootPath(); //================結束====================2、搜索 "link = me.options.imageUrlPrefix + json.url" ,將其替換成以下寫法:link = rootUrl + json.url;OK,如此即可正常訪問,只是需要注意一點,如果是在服務器本身訪問項目,切記不要使用localhost和127.0.0.1作為ip,一定要使用公網IP,因為編輯器會將這個地址存入數據庫,你在服務器本身訪問沒有問題,但是如果用其他機器訪問就訪問不到了.轉載于:https://blog.51cto.com/1197822/2157191
總結
以上是生活随笔為你收集整理的百度ueditor编辑器动态获取项目根目录的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 滚动视差?CSS 不在话下
- 下一篇: Linux常用的50个命令