最近在做一个项目,要用到kindeditor4.1.4的上传功能 ,但之前又没有用过,本人又是新手,所以搞得我焦头烂额,到处去提问,最后在我们论坛有人推荐我看一篇博客,最后终于解决了我的问题,那篇博客只是图片上传,我又加了一些进去,因本人是新手,所以写博客加深一下印象……废话不多说 :D
说明一下,我用的是SSH2框架
在我没有在论坛提问之前,我就知道了是因为struts2已经把file上传封装了,所以kindeditor官方给的demo获取不到request , 所以我的想法是利用struts2的request来获取kindeditor上传控件的值,但我不知道它的控件叫什么(本人菜鸟,一些常识不懂很正常)后来它的源码被我翻了一整天, 最后在那篇博客找到了……接下来我都懂了,很简单。在这里提醒一下需要用到的人,kindeditor的控件都在它的plugins下面,如图片上传的控件在:plugins/image下
下面是具体的代码:
action里的:
JSP页面:
配置struts.xml:
最后还要配置一下资源文件struts.properties:
最后成功了……
这些是我整理出来的,希望能帮到各位
说明一下,我用的是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
最后成功了……
这些是我整理出来的,希望能帮到各位