`
250367976
  • 浏览: 26784 次
社区版块
存档分类
最新评论

kindeditor4.1.4 上传功能

阅读更多
最近在做一个项目,要用到kindeditor4.1.4的上传功能 ,但之前又没有用过,本人又是新手,所以搞得我焦头烂额,到处去提问,最后在我们论坛有人推荐我看一篇博客,最后终于解决了我的问题,那篇博客只是图片上传,我又加了一些进去,因本人是新手,所以写博客加深一下印象……废话不多说

说明一下,我用的是SSH2框架

在我没有在论坛提问之前,我就知道了是因为struts2已经把file上传封装了,所以kindeditor官方给的demo获取不到request , 所以我的想法是利用struts2的request来获取kindeditor上传控件的值,但我不知道它的控件叫什么(本人菜鸟,一些常识不懂很正常)后来它的源码被我翻了一整天, 最后在那篇博客找到了……接下来我都懂了,很简单。在这里提醒一下需要用到的人,kindeditor的控件都在它的plugins下面,如图片上传的控件在:plugins/image下

下面是具体的代码:

action里的:

private File imgFile;
	/**
	 * 文件名称
	 */
	private String imgFileFileName;

	/**
	 * 图片宽度
	 */
	private String imgWidth;

	/**
	 * 图片高度
	 */
	private String imgHeight;

	/**
	 * 图片对齐方式
	 */
	private String align;

	/**
	 * 图片标题
	 */
	private String imgTitle;

	public File getImgFile() {
		return imgFile;
	}

	public void setImgFile(File imgFile) {
		this.imgFile = imgFile;
	}

	public String getImgFileFileName() {
		return imgFileFileName;
	}

	public void setImgFileFileName(String imgFileFileName) {
		this.imgFileFileName = imgFileFileName;
	}

	public String getImgWidth() {
		return imgWidth;
	}

	public void setImgWidth(String imgWidth) {
		this.imgWidth = imgWidth;
	}

	public String getImgHeight() {
		return imgHeight;
	}

	public void setImgHeight(String imgHeight) {
		this.imgHeight = imgHeight;
	}

	public String getAlign() {
		return align;
	}

	public void setAlign(String align) {
		this.align = align;
	}

	public String getImgTitle() {
		return imgTitle;
	}

	public void setImgTitle(String imgTitle) {
		this.imgTitle = imgTitle;
	}

	public String uploadImg() {

		ServletActionContext.getResponse().setContentType(
				"text/html; charset=UTF-8");
		// 文件保存目录路径
		String savePath = ServletActionContext.getServletContext().getRealPath(
				"/")
				+ "attached/";
		// 文件保存目录URL
		String saveUrl = ServletActionContext.getRequest().getContextPath()
				+ "/attached/";
		// 定义允许上传的文件扩展名

		HashMap<String, String> extMap = new HashMap<String, String>();

		extMap.put("image", "gif,jpg,jpeg,png,bmp");
		extMap.put("flash", "swf,flv");
		extMap.put("media", "swf,flv,mp3,wav,wma,wmv,mid,avi,mpg,asf,rm,rmvb");
		extMap.put("file", "doc,docx,xls,xlsx,ppt,htm,html,txt,zip,rar,gz,bz2");
		// 最大文件大小
		long maxSize = 2 * 1024 * 1024 * 100;
		PrintWriter out = null;
		try {
			out = ServletActionContext.getResponse().getWriter();
		} catch (IOException e1) {

		}

		if (imgFile == null) {
			out.println(getError("请选择文件。"));
			return null;
		}

		// 检查目录
		File uploadDir = new File(savePath);
		if (!uploadDir.isDirectory()) {
			out.println(getError("上传目录不存在。"));
			return null;
		}
		// 检查目录写权限
		if (!uploadDir.canWrite()) {
			out.println(getError("上传目录没有写权限。"));
			return null;
		}
		String dirName = ServletActionContext.getRequest().getParameter("dir");
		if (dirName == null) {
			dirName = "image";
		}
		if (!extMap.containsKey(dirName)) {
			System.out.println(getError("目录名不正确。"));
			return null;
		}
		// 创建文件夹
		savePath += dirName + "/";
		saveUrl += dirName + "/";
		File saveDirFile = new File(savePath);
		if (!saveDirFile.exists()) {

			saveDirFile.mkdirs();
		}

		// 创建文件夹
		SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMdd");
		String ymd = sdf.format(new Date());
		savePath += ymd + "/";
		saveUrl += ymd + "/";
		File dirFile = new File(savePath);
		if (!dirFile.exists()) {
			dirFile.mkdirs();
		}
		String fileExt = imgFileFileName.substring(
				imgFileFileName.lastIndexOf(".") + 1).toLowerCase();
		if (!Arrays.<String> asList(extMap.get(dirName).split(",")).contains(
				fileExt)) {
			System.out.println(getError("上传文件扩展名是不允许的扩展名。\n只允许"
					+ extMap.get(dirName) + "格式。"));
			return null;
		}
		if (imgFile.length() > maxSize) {
			out.println(getError("[ " + imgFileFileName + " ]超过单个文件大小限制,文件大小[ "
					+ imgFile.length() + " ],限制为[ " + maxSize + " ] "));
			return null;
		}
		SimpleDateFormat df = new SimpleDateFormat("yyyyMMddHHmmss");
		String newFileName = df.format(new Date()) + "_"
				+ new Random().nextInt(1000) + "." + fileExt;
		File uploadedFile = new File(savePath, newFileName);
		try {
			FileUtil.copyFile(imgFile, uploadedFile);
			JSONObject obj = new JSONObject();
			obj.put("error", 0);
			obj.put("url", saveUrl + newFileName);

			out.println(obj.toString());

		} catch (IOException e) {

		}
		return null;
	}

	private String getError(String message) {
		JSONObject obj = new JSONObject();
		obj.put("error", 1);
		obj.put("message", message);

		return obj.toString();
	}



JSP页面:

<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>  

		<script>
KindEditor.ready(function(K) {

   	var editor1 = K.create('textarea[id="ke_demo"]', {//文本控件id
				cssPath : 'kindeditor/plugins/code/prettify.css',
	uploadJson : 'KeAction.action',//提交地址,action要自己配置
				fileManagerJson : 'kindeditor/jsp/file_manager_json.jsp',
				allowFileManager : true,
				afterCreate : function() {
					var self = this;
					K.ctrl(document, 13, function() {
						self.sync();
						document.forms['example'].submit();
					});
					K.ctrl(self.edit.doc, 13, function() {
						self.sync();
						document.forms['example'].submit();
					});
				}
			});
			prettyPrint();
	  
               
});
</script>



//需要用到的地方
<textarea id="ke_demo" name="" rows="20" cols="100" style="width:600;height:200px;visibility:hidden;"></textarea>


配置struts.xml:

<action name="KeAction" class="org.xxx.xxx.action.KeAction" method="uploadImg"></action>


最后还要配置一下资源文件struts.properties:

struts.multipart.parser=jakarta
struts.multipart.maxSize=-1


最后成功了……

这些是我整理出来的,希望能帮到各位
分享到:
评论

相关推荐

    kindeditor4.1.4版(带压缩图片功能[ASP+asp.net]版))

    KindEditor 4.1.4集成的图片压缩功能解决了这个问题,它可以在用户上传图片时自动进行压缩,减少图片的大小,同时保持可接受的质量。 `Thumbnail.cs` 文件很可能是处理图片缩略图的C#类。在KindEditor中,为了展示...

    kindeditor4.1.4在线编辑器+中文帮助文档

    在给定的压缩包文件中,包含两个主要部分:`kindeditor-4.0中文帮助文档.chm` 和 `kindeditor4.1.4`。 首先,`kindeditor-4.0中文帮助文档.chm` 是KindEditor的中文帮助文档,这个文档通常包含了编辑器的安装、配置...

    kindeditor-4.1.4(带上传flv功能)

    KindEditor 是一款强大的开源富文本编辑器,版本4.1.4在此基础上进行了优化,尤其在处理FLV视频上传及播放方面。原本的KindEditor在上传FLV视频后,由于前端播放支持的问题,用户可能无法直接在编辑器内预览或播放...

    kindeditor 4.1.4 带flv播放修正自动播放问题

    KindEditor 是一款开源的富文本编辑器,广泛应用于网页内容编辑和管理,它提供了丰富的功能,如文字格式化、图片上传、链接插入等。在4.1.4这个版本中,针对用户反馈的问题进行了修正,特别是针对FLV视频播放的自动...

    kindeditor_v4.1.4文本编辑器

    KindEditor是一款功能强大的开源文本编辑器,其v4.1.4版本以其高效、易用性和灵活性赢得了广大用户的青睐。这款编辑器适用于多种用途,包括网页内容编辑、论坛发帖、博客写作等,为用户提供了一个类似Word的在线编辑...

    KindEditor使用说明

    ### KindEditor 图片上传功能详解 #### 一、概述 KindEditor是一款非常流行的富文本编辑器,被广泛应用于各类Web应用程序中。它以其强大的功能、丰富的插件支持以及易用性而著称。本文将详细介绍如何在KindEditor中...

    kindEditor 最好用的在线编辑器

    安装KindEditor只需将下载的`kindeditor-4.1.4`解压后,将相关JS和CSS文件引入到项目中,并通过JavaScript进行初始化。例如: ```javascript KindEditor.create('#editor-id', { // 配置项 }); ``` 10. **...

    一个很强大的文本编辑器

    2. **插件丰富**:除了基础编辑功能,KindEditor还支持多种插件,如图片上传、视频嵌入、代码高亮、地图插入等,满足了不同场景下的需求。例如,图片上传插件使得用户可以直接在编辑器内上传本地图片,并自动处理...

    Cn文章管理系统 1.0

    4、后台使用kindeditor 4.1.4编辑器,并修改图片上传插件(可自主选择是否增加水印) 5、前台使用ubbeditor编辑器,用户可发帖,后台审核! 6、采用application缓存技术,使网页访问速度更快! 7、集成了易宝在线...

    kindSoft在线网页编辑器简单的配置参数介绍

    &lt;script src="../Content/kindeditor-4.1.4/kindeditor-all.js" type="text/javascript"&gt; &lt;script src="../Content/kindeditor-4.1.4/lang/zh_CN.js" type="text/javascript"&gt;&lt;/script&gt; ``` 接着,在Web页面的`...

    Cn文章管理系统v1.0[asp源码]

    4、后台使用kindeditor v4.1.4编辑器,并修改图片上传插件(可自主选择是否增加水印) 5、前台使用ubbeditor编辑器,用户可发帖,后台审核! 6、采用application缓存技术,使网页访问速度更快! 7、集成了易宝在线...

    【Asp_CMS】Cn文章管理系统v1.0免费版.rar

    4、后台使用kindeditor v4.1.4编辑器,并修改图片上传插件(可自主选择是否增加水印) 5、前台使用ubbeditor编辑器,用户可发帖,后台审核! 6、采用application缓存技术,使网页访问速度更快! 7、集成了易宝...

Global site tag (gtag.js) - Google Analytics