aspkindeditor单独上传图片配置 kindeditor多图片上传

Kindeditor编辑器是一款非常强大的编辑器,轻量级的。结合纯jQuery+CSS写成的,部署环境起来非常的简单方面快捷。在Kindeditor的官方网站上面供下载的Demo,但是里面的测试文件都是基于php方面的demo。而网上对asp的配置说明比较少。

今天在配置用Kindeditor单独上传图片的时候总是不成功。经过查看说明和多次测试终于成功了。贴出来大家一起学习学习。

代码如下:

一、掉用相关文件:
<link rel="stylesheet"href=". ./kindeditor/themes/default/default.css"/>
<link rel="stylesheet"href="../kindeditor/plugins/code/prettify.css"/>
<script charset="utf-8"src="../kindeditor/kindeditor.js"></script>
<script charset="utf-8"src="../kindeditor/lang/zh_CN.js"></script>
<script charset="utf-8"src="../kindeditor/plugins/code/prettify.js"></script>
charset="utf-8"这句很重要,一定要写。这个可以解决gb2312编码问题。


二、配置说明:

<script>
KindEditor.ready(function (K) {
var editor = K.editor({
cssPath :'../kindeditor/plugins/code/prettify.css',
uploadJson: '../kindeditor/asp/upload_json.asp',
allowFileManager : true
});
K('#insertfile').click(function() {
editor.loadPlugin('image',function() {
editor.plugin.imageDialog({
imageUrl :K('#F_Main_Pic').val(),
clickFn :function(url, title, width, height, border, align) {
K('#F_Main_Pic').val(url);
editor.hideDialog();
}
});
});
});
aspkindeditor单独上传图片配置 kindeditor多图片上传
});
</script>


三、文件掉用:

<input name="F_Main_Pic" type="text" id="F_Main_Pic" value=""size="28" /> <inputname="insertfile" type="button"id="insertfile" value="选择图片" />

测试成功。

  

爱华网本文地址 » http://www.413yy.cn/a/25101016/312529.html

更多阅读

《非诚勿扰》感动万千观众的“仙女”陈瑞莲(多图) 多图上传

文字/秦子陵图片/野小蛮(陈瑞莲网名)本人昨天的那期非诚勿扰,八号女嘉宾陈瑞莲牵手男嘉宾蒋琪的那一段感动了无数观众,并引发网络热议,为何子陵称其为“仙女”?且看非诚固定点评嘉宾乐嘉昨晚更新的微博,目前已经转发评论数千。因为乐嘉说

文件上传和下载-ServletFileUpload fileupload上传大文件

当我们在 HTML表单中选择本地文件之后点击“提交”按钮则会将文件上传到服务器中,此时该 HTTP 请求正文的数据类型就是multipart/form-data 型的。而在 Servlet 技术中,该 HTTP 请求会被 Servlet 容器(如Tomcat)包装成 HttpServletReque

SecureCRT上传下载数据的方法_DAISY securecrt 上传

SecureCRT这款SSH客户端软件同时具备了终端仿真器和文件传输功能。比ftp命令方便多了,而且服务器不用再开FTP服务了。rz,sz是便是Linux/Unix同Windows进行ZModem文件传输的命令行工具。  windows端需要支持ZModem的telnet/ssh客户

声明:《aspkindeditor单独上传图片配置 kindeditor多图片上传》为网友清风不还家分享!如侵犯到您的合法权益请联系我们删除