場景

富文本編輯器kindeditor4.1.10

在進行上傳照片時，傳到服務器上為絕對路徑，將url返回前端后，存到數據庫為相對路徑。

kindeditor4.x官方文檔：

http://kindeditor.net/docs/option.html

因為kindeditor會自動將絕對路徑裁剪為相對路徑。

實現

找到實現富文本編輯器的頁面這里是jsp頁面，查看調用的js的地方。

找到該路徑下的js文件，有的是kindeditor.js或者kindeditor-all.js或者kindeditor-all-min.js

雙擊打開js文件，搜索 K.option ，找到如下部分

默認是為空，查看官方文檔:

urlType

改變站內本地URL，可設置”“、”relative”、”absolute”、”domain”。空為不修改URL，relative為相對路徑，absolute為絕對路徑，domain為帶域名的絕對路徑。

• 數據類型: String
• 默認值: “”

所以這里設置為帶域名的絕對路徑。

然后來到頁面中的js部分，將格式化url設置為false：

?formatUploadUrl:false,

為了能在前端進行輸出查看文件的url，可以添加afterUpload來輸出上傳文件的url:

afterUpload

上傳文件后執行的回調函數。

• 數據類型: Function
• 默認值: 無

KindEditor.ready(function(K) {K.create('#id', {afterUpload : function(url) {alert(url);}}); });

總結

以上是生活随笔為你收集整理的Kindeditor中上传本地照片后需要带域名的绝对路径实际获取为相对路径的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。