kindeditor4上传图片
Ⅰ kindeditor上传图片浏览器兼容性问题
您好,
通过window.attachEvent和window.addEventListener监听事件,完美解决问题!2、addEventListener的使用方式:
target.addEventListener(type, listener, useCapture);
target: 文档节点、document、window 或 XMLHttpRequest。
type: 字符串,事件名称,不含“on”,比如“click”、“mouseover”、“keydown”等。
listener :实现了EventListener 接口或者是 javaScript 中的函数。
useCapture :是否使用捕捉,一般用 false 。
例如:document.getElementById("testText").addEventListener("keydown", function (event) { alert(event.keyCode); }, false);
3、target.attachEvent(type, listener);
target: 文档节点、document、window 或 XMLHttpRequest。
type: 字符串,事件名称,含“on”,比如“onclick”、“onmouseover”、“onkeydown”等。
listener :实现了 EventListener 接口或者是 JavaScript 中的函数。
例如:document.getElementById("txt").attachEvent("onclick",function(event){alert(event.keyCode);});
4、两者区别
在IE10及以下版本兼容attachEvent,IE11及火狐兼容addEventListener但不兼容attachEvent
5、弹出窗体在IE9和IE8中不居中
通过调试发现,在“autoPos”函数中两次返回的X值竟然不一样,具体为什么也没有深入研究。
Ⅱ php版怎么使用kindeditor4.1批量上传图片组件
将upload_json.php中的一段改为:
$save_date=date("YmdHis");
//新文件名
$new_file_name=$save_date.'_'.rand(10000,99999).'.'.$file_ext;
//移动文件
$file_path=$save_path.$new_file_name;
$savePath.=$new_file_name;
if(move_uploaded_file($tmp_name,$file_path)===false){
alert("上传文件失败。");
}else{
#####存储文件路径#####
$saveDatas=array('path'=>$savePath,'date'=>$save_date);
$mysql->addFile($saveDatas);
if(!empty($_GET['type'])){
$type=$_GET['type'];
header("Location:../list_up_file.php?type={$type}");
}
}
@chmod($file_path,0644);
$file_url=$save_url.$new_file_name;
header('Content-type:text/html;charset=UTF-8');
$json=newServices_JSON();
Ⅲ KindEditor图片上传显示上传错误
解决应用程序错误的方法步骤: 1.首先排除病毒原因,使用杀毒软件,比如最新版本的360杀毒快速查杀3-5分钟,根据检查结果,点击立即处理。 2.如果应用程序出错的提示是缺少某个文件,那就可能是这个文件损坏,根据这个组件查询是哪个系统组件损坏,重新安装相关组件,恢复程序文件,一般即可解决。 3.若是相关软件自身的组件缺失,只需要重新安装这个软件即可。比如运行迅雷时提示缺少某个文件,可以尝试重新安装迅雷。 4.若以上方法无效,可能是软件之间的冲突导致出错。解决办法是尝试关闭几个无关的正在运行的应用程序,看看错误是否还会重现。
Ⅳ kindeditor 上传本地图片 图片说明是怎么添加到 文本编辑器的alt里面的。
看了一下源码,流程似乎是这样的。
如果是网络图片,就直接把表单里的值插入代码。
如果是本地图片,先上传,上传完之后可以获得返回值,用返回值再插入代码。
关键语句是
clickFn.call(self, url, data.title, data.width, data.height, data.border, data.align);
这句。
也就是说,给图片说明加上name,然后点击确定后会上传到服务端,服务端把这个表单值拿到,放到返回数据的title字段,应该就行了。
Ⅳ kindeditor-4.1.3中ASP.NET上传图片配置
我也遇到过,如果在引用里添加了LitJSON.dll的话,仔细检查下面的路径
<head runat="server">
<title>add news</title>
<link href="../kindeditor-4.1.7/themes/default/default.css" rel="stylesheet" type="text/css" />
<link href="../kindeditor-4.1.7/plugins/code/prettify.css" rel="stylesheet" type="text/css" />
<script src="../kindeditor-4.1.7/kindeditor.js" type="text/javascript"></script>
<script src="../kindeditor-4.1.7/lang/zh_CN.js" type="text/javascript"></script>
<script src="../kindeditor-4.1.7/plugins/code/prettify.js" type="text/javascript"></script>
<script>
KindEditor.ready(function (K) {
var editor1 = K.create('#content1', {
cssPath: '../kindeditor-4.1.7/plugins/code/prettify.css',
uploadJson: '../kindeditor-4.1.7/asp.net/upload_json.ashx',
fileManagerJson: '../kindeditor-4.1.7/asp.net/file_manager_json.ashx',
allowFileManager: true,
afterCreate: function () {
var self = this;
K.ctrl(document, 13, function () {
self.sync();
K('form[name=example]')[0].submit();
});
K.ctrl(self.edit.doc, 13, function () {
self.sync();
K('form[name=example]')[0].submit();
});
}
});
prettyPrint();
});
</script>
</head>
尤其是这两句
uploadJson: '../kindeditor-4.1.7/asp.net/upload_json.ashx',
fileManagerJson: '../kindeditor-4.1.7/asp.net/file_manager_json.ashx',
Ⅵ kindeditor怎么上传图片
Ⅶ Kindeditor上传图片“服务器故障”》
kindeditor 在java环境中用到了 commons-fileupload-1.2.1.jar 组件。
在Common- FileUpload中,它把从客户端提交过来的表单封装成一个个FileItem对象,这也是它实现文件上传功能
的核心类。另一个很重要的类就是FileUploadBase,他的功能就是解析请求(request),如进行上传文
件大小验证,请求类型验证(文件上传的enctype要设置成multipart/form-data)等。我们经常用到它
的子类ServletFileUpload。在FileUploadBase解析 request的过程中会将文件保存到内存,如果文件大
小大于我们设置的缓存的大小,它将把文件的其他内容保存到一个临时目录,当我们对FileItem 对象实
现正真上传时会从内存区或临时目录将文件保存到正真的上传目录。
在kindeditor上传图片调试过程中,发现
FileItemFactory factory = new DiskFileItemFactory();ServletFileUpload upload = new ServletFileUpload(factory);upload.setHeaderEncoding("UTF-8");List items = upload.parseRequest(request);Iterator itr = items.iterator();while (itr.hasNext()) {
发现代码4,items为空,取不到需要上传的文件,故没有执行while循环,也就没有返回值,kindeditor报服务器错误。
为什么取不到值,是因为:struts2过滤访问的jsp时,会改变reqeust的类型,由HttpServletRequest变成MultiPartRequestWrapper,所以parseRequest就返回了null。
既然在过滤的时候改变reqeust的类型,那就可以修改web.xml不过滤jsp。但是如果在jsp中用到了struts2的标签就会报500的错误,这个方案在我的应用中不适用。
最终解决方案是,写个Servlet来代替upload_json.jsp的功能。upload_json.jsp里面的代码大部分都可以复制到
Servlet中,
upload_json.jsp中的out.prinln返回值用 resp.getWriter().println()代替就行。
jsp调用是,修改imageUploadJson的路径即可(用的版本是kindeditor-3.5.5,因为KindEditor 4.0 beta与我用到的mootools有冲突,已经提交bug)。
KE.show({
id : 'noticeContent',
imageUploadJson : '<ui:webroot/>/fileUploadServlet?uploadTool=kindeditor',
fileManagerJson : '<ui:webroot/>/js/kindeditor3.5.5/file_manager_json.jsp',
allowFileManager : true
});
文章来源:http://www.kindsoft.net/view.php?bbsid=5&postid=3841
希望对LZ有用!
Ⅷ kindeditor-4.1.10 利用js 怎么上传图片他们官网下下来的例子上传图片的功能也是错的!谁有完整的例子
默认情况下kindeditor上传的图片在编辑器的根目录/attached/目录下。以日期建一个目录,然后保存文件。有些时候大概我们并不想这样。考虑到更新编辑器,或更换编辑器不太方便。比如我现在想把上传的文件保存在根目录下的uploadfiles目录下,需要修改以下代码:
首先,打开文件php\upload_json.php,在大约第16行到第19行,定义了文件保存目录路径和文件保存目录URL,我们需要修改为:
//文件保存目录路径
$save_path = $_SERVER['DOCUMENT_ROOT'].'\\uploadfiles\\';
//文件保存目录URL
$save_url = '/uploadfiles/';
解释一下:$save_path 即为最后保存文件的目录。这里就是根目录下的uploadfiles
$save_url 即为上传成功后,图片的URL地址。
这样,保存地址就变成了 根目录下的 uploadfiles/年月日/xxxxx.jpg了。
Ⅸ 我用kindeditor编辑器,为什么上传图片的时候显示 只有部分图片被上传
你看一下,上传完成后,返回的路径,是kingeditor里面图片的路径,把那个路径直接贴在浏览器中是否能打开图片,如果打不开说明路径有问题,
如果能打开,则说明正常情况
Ⅹ kindeditor 怎么上传图片
过KindEditor实现图片上传功能步骤:
(1)修改../plugins/image.js文件中fileName类型为file的name
(2)
添加上传处理的URL:
var editor;
KindEditor.ready(function(K) {
editor =
K.create('#myeditor',
{
uploadJson :
'/uploadImg'
});
});
(3)返回Json的信息: