最近在做一个项目,要用到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
最后成功了……
这些是我整理出来的,希望能帮到各位
分享到:
相关推荐
KindEditor 4.1.4集成的图片压缩功能解决了这个问题,它可以在用户上传图片时自动进行压缩,减少图片的大小,同时保持可接受的质量。 `Thumbnail.cs` 文件很可能是处理图片缩略图的C#类。在KindEditor中,为了展示...
在给定的压缩包文件中,包含两个主要部分:`kindeditor-4.0中文帮助文档.chm` 和 `kindeditor4.1.4`。 首先,`kindeditor-4.0中文帮助文档.chm` 是KindEditor的中文帮助文档,这个文档通常包含了编辑器的安装、配置...
KindEditor 是一款强大的开源富文本编辑器,版本4.1.4在此基础上进行了优化,尤其在处理FLV视频上传及播放方面。原本的KindEditor在上传FLV视频后,由于前端播放支持的问题,用户可能无法直接在编辑器内预览或播放...
KindEditor 是一款开源的富文本编辑器,广泛应用于网页内容编辑和管理,它提供了丰富的功能,如文字格式化、图片上传、链接插入等。在4.1.4这个版本中,针对用户反馈的问题进行了修正,特别是针对FLV视频播放的自动...
KindEditor是一款功能强大的开源文本编辑器,其v4.1.4版本以其高效、易用性和灵活性赢得了广大用户的青睐。这款编辑器适用于多种用途,包括网页内容编辑、论坛发帖、博客写作等,为用户提供了一个类似Word的在线编辑...
### KindEditor 图片上传功能详解 #### 一、概述 KindEditor是一款非常流行的富文本编辑器,被广泛应用于各类Web应用程序中。它以其强大的功能、丰富的插件支持以及易用性而著称。本文将详细介绍如何在KindEditor中...
安装KindEditor只需将下载的`kindeditor-4.1.4`解压后,将相关JS和CSS文件引入到项目中,并通过JavaScript进行初始化。例如: ```javascript KindEditor.create('#editor-id', { // 配置项 }); ``` 10. **...
2. **插件丰富**:除了基础编辑功能,KindEditor还支持多种插件,如图片上传、视频嵌入、代码高亮、地图插入等,满足了不同场景下的需求。例如,图片上传插件使得用户可以直接在编辑器内上传本地图片,并自动处理...
4、后台使用kindeditor 4.1.4编辑器,并修改图片上传插件(可自主选择是否增加水印) 5、前台使用ubbeditor编辑器,用户可发帖,后台审核! 6、采用application缓存技术,使网页访问速度更快! 7、集成了易宝在线...
<script src="../Content/kindeditor-4.1.4/kindeditor-all.js" type="text/javascript"> <script src="../Content/kindeditor-4.1.4/lang/zh_CN.js" type="text/javascript"></script> ``` 接着,在Web页面的`...
4、后台使用kindeditor v4.1.4编辑器,并修改图片上传插件(可自主选择是否增加水印) 5、前台使用ubbeditor编辑器,用户可发帖,后台审核! 6、采用application缓存技术,使网页访问速度更快! 7、集成了易宝在线...
4、后台使用kindeditor v4.1.4编辑器,并修改图片上传插件(可自主选择是否增加水印) 5、前台使用ubbeditor编辑器,用户可发帖,后台审核! 6、采用application缓存技术,使网页访问速度更快! 7、集成了易宝...