asp.net中kindeditor4.1.7用法及配置图片上传,图片批量上传(VS2010)
2014-10-28 09:01
531 查看
从官网下载kindeditor4.1.7:
1、将文件夹复制到VS2010
2、将文件 LitJSON.dll 复制到web\bin目录下,并添加引用
3、修改file_manager_json.ashx文件中的图片保存目录
String rootUrl = aspxUrl + "Uploads/";
4、修改upload_json.ashx文件中的图片保存目录
//文件保存目录路径
String savePath = "Uploads/";
//文件保存目录URL
String saveUrl = aspxUrl + "Uploads/";
5、修改kindeditor417\plugins\image\images.js文件(原文件为PHP的配置)
uploadJson = K.undef(self.uploadJson, self.basePath + 'asp.net/upload_json.ashx'),
6、页面:
<%@ Page Title="" Language="C#" MasterPageFile="~/admin/MsRigth.Master" AutoEventWireup="true" ValidateRequest="false" CodeBehind="StudentPhotoAdd.aspx.cs" Inherits="WebSite.Web.admin.StudentPhotoAdd" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<meta charset="utf-8" />
<link rel="stylesheet" href="kindeditor417/themes/default/default.css" />
<link href="kindeditor417/plugins/code/prettify.css" rel="stylesheet" type="text/css" />
<script charset="utf-8" src="kindeditor417/plugins/code/prettify.js" type="text/javascript"></script>
<script charset="utf-8" src="kindeditor417/lang/zh_CN.js" type="text/javascript"></script>
<script charset="utf-8" src="kindeditor417/kindeditor.js" type="text/javascript"></script>
<script type="text/javascript">
KindEditor.ready(function (K) {
var editor1 = K.create('#editor', {
cssPath: 'kindeditor417/plugins/code/prettify.css',
uploadJson: 'upload_json.ashx',
fileManagerJson: 'file_manager_json.ashx',
allowFileManager: true,
syncType: "auto",
afterCreate: function () {
var self = this;
KindEditor.ctrl(document, 13, function () {
self.sync();
KindEditor('form[name=example]')[0].submit();
});
KindEditor.ctrl(self.edit.doc, 13, function () {
self.sync();
KindEditor('form[name=example]')[0].submit();
});
},
afterChange: function () { this.sync(); },
afterBlur: function () { editor1.sync(); }
});
prettyPrint();
}); </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
添加学生照片
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
<textarea id="editor" name="content" style="width:700px;height:300px;"></textarea>
</asp:Content>
注意:
整个配置过程中,需要注意upload_json.ashx、file_manager_json.ashx等文件的路径问题
OK
1、将文件夹复制到VS2010
2、将文件 LitJSON.dll 复制到web\bin目录下,并添加引用
3、修改file_manager_json.ashx文件中的图片保存目录
String rootUrl = aspxUrl + "Uploads/";
4、修改upload_json.ashx文件中的图片保存目录
//文件保存目录路径
String savePath = "Uploads/";
//文件保存目录URL
String saveUrl = aspxUrl + "Uploads/";
5、修改kindeditor417\plugins\image\images.js文件(原文件为PHP的配置)
uploadJson = K.undef(self.uploadJson, self.basePath + 'asp.net/upload_json.ashx'),
6、页面:
<%@ Page Title="" Language="C#" MasterPageFile="~/admin/MsRigth.Master" AutoEventWireup="true" ValidateRequest="false" CodeBehind="StudentPhotoAdd.aspx.cs" Inherits="WebSite.Web.admin.StudentPhotoAdd" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<meta charset="utf-8" />
<link rel="stylesheet" href="kindeditor417/themes/default/default.css" />
<link href="kindeditor417/plugins/code/prettify.css" rel="stylesheet" type="text/css" />
<script charset="utf-8" src="kindeditor417/plugins/code/prettify.js" type="text/javascript"></script>
<script charset="utf-8" src="kindeditor417/lang/zh_CN.js" type="text/javascript"></script>
<script charset="utf-8" src="kindeditor417/kindeditor.js" type="text/javascript"></script>
<script type="text/javascript">
KindEditor.ready(function (K) {
var editor1 = K.create('#editor', {
cssPath: 'kindeditor417/plugins/code/prettify.css',
uploadJson: 'upload_json.ashx',
fileManagerJson: 'file_manager_json.ashx',
allowFileManager: true,
syncType: "auto",
afterCreate: function () {
var self = this;
KindEditor.ctrl(document, 13, function () {
self.sync();
KindEditor('form[name=example]')[0].submit();
});
KindEditor.ctrl(self.edit.doc, 13, function () {
self.sync();
KindEditor('form[name=example]')[0].submit();
});
},
afterChange: function () { this.sync(); },
afterBlur: function () { editor1.sync(); }
});
prettyPrint();
}); </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
添加学生照片
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
<textarea id="editor" name="content" style="width:700px;height:300px;"></textarea>
</asp:Content>
注意:
整个配置过程中,需要注意upload_json.ashx、file_manager_json.ashx等文件的路径问题
OK
相关文章推荐
- KindEditor上传本地图片在ASP.NET MVC的配置
- ASP.NET环境下配置FCKEditor并上传图片及其它文件
- 使用ASP.net(C#)批量上传图片并自动生成缩略图,文字水印图,图片水印图
- ASP.NET环境下配置FCKEditor并上传图片及其它文件
- CKEDITOR+CKFINDER的图片上传配置(C#/asp.net/php)(转载)
- 黑马程序员--asp.net有关如何批量上传图片
- ASp.net下 fckeditor 配置图片上传最简单的方法
- FCKeditor是使用非常广泛的HTML编辑器,本文从 ASP.NET 的使用场景对 FCKeditor 与 FCKeditor.NET 的配置、功能扩展(如自定义文件上传子目录、自定义文件名、上传图片的后期处理等)、以及安全性进行初步的阐述。
- ASP.NET环境下配置FCKEditor并上传图片及其它文件
- 图片批量上传组件分享(C# asp.net Ajax)上传图片,支持拖动排序。
- [网络收集]使用ASP.net(C#)批量上传图片并自动生成缩略图,文字水印图,图片水印图
- 使用ASP.net(C#)批量上传图片并自动生成缩略图,文字水印图,图片水印图
- ASP.NET环境下配置FCKEditor并上传图片及其它文件
- 使用ASP.net(C#)批量上传图片并自动生成缩略图,文字水印图,图片水印图
- ASP.NET环境下配置FCKEditor并上传图片及其它文件
- 文件批量上传组件分享(C# asp.net Ajax)上传图片
- 使用ASP.net(C#)批量上传图片并自动生成缩略图,文字水印图,图片水印图
- KindEditor图片上传Asp.net代码
- asp.net 批量上传图片
- c# asp.net 使用kindeditor在服务器上不能显示上传图片的页面等解决办法