rinald_未来往事

kindeditor上传图片生成绝对地址

WEB前端
kindeditor上传图片使用绝对地址:
使用kindeditor默认上传的本地图片会生成一个相对于当前域的相对路径,在我们实际的项目开发工作中我们可能希望上传图片后生成包含域名的完整路径,可以通过初始化kindeditor时指定以下参数来生成完整路径:
urlType:
改变站内本地URL,可设置”“、”relative”、”absolute”、”domain”。空为不修改URL,relative为相对路径,absolute为绝对路径,domain为带域名的绝对路径。
数据类型: String
默认值: “”   //空

如果需要kindeditor上传图片生成绝对地址,修改urlType='domain',例子:
  1. <script>  
  2.   KindEditor.ready(function(K) {  
  3.     var editor1 = K.create('textarea[name="content"]', {  
  4.       cssPath : '/assets/kindeditor/plugins/code/prettify.css',  
  5.       uploadJson : '/assets/kindeditor/php/upload_json.php',  
  6.       fileManagerJson : '/assets/kindeditor/php/file_manager_json.php',  
  7.       urlType:'domain',  
  8.       allowFileManager : true,  
  9.       afterCreate : function() {  
  10.         var self = this;  
  11.         K.ctrl(document, 13, function() {  
  12.           self.sync();  
  13.           K('form[name=andNews]')[0].submit();  
  14.         });  
  15.         K.ctrl(self.edit.doc, 13, function() {  
  16.           self.sync();  
  17.           K('form[name=andNews]')[0].submit();  
  18.         });  
  19.       }  
  20.     });  
  21.     prettyPrint();  
  22.   });  
  23. </script>  
原文作者:rinald
原文地址:http://fity.cn/post/489.html
互联网技术更新较快,本站很多文章具有实效性,我会及时更新原文,但转载的文章无法通知更新。为了不给读者造成困惑或误导,请您在转载时保留此出处信息,尊重别人也是尊重自己。

已有1位网友发表了看法:

1Ljiangwx 2017-09-12 14:38:20 回复
今天我觉得我很开心,我也要为浩瀚的网络知识海洋添砖加瓦
最近,我一直被一个问题困扰
那就是在网站使用后台编辑器KindEditor的时候,无法将上传的图片地址保存为绝对路径
导致我的手机版网站开通子域名时无法正常显示图片
经过一天时间的各种资料查询
再结合自己的知识
最终完美解决问题
不管是多张图片同时上传还是单张图片同时上传
问题都得到完美解决了
开心的心情难以言表
我相信很多技术男站长都能体会
好了不闲扯淡了
正题。。。
有不懂的可以QQ联系我31673860
(KindEditor 4.1.7以上的版本都可以用这个方法解决)
第一步:打开kindeditor.js
找到这些代码
else if (mode === 'absolute') {
if (url.substr(0, host.length) === host) {
url = url.substr(host.length);
}
直接将这些代码前边加上"//"
第二步:upload_json.php
找到这些代码
//文件保存目录路径
$save_path = $php_path . '../attached/';
//文件保存目录URL
$save_url = '../attached/';
//定义允许上传的文件扩展
将$save_url = '../attached/';改为$save_url = 'your full name of domain name' . '/smcd/manage/editor/attached/';
然后测试
应该就搞定了
希望你能看懂。。。。

发表评论

必填

选填

选填

必填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。