SSH中使用KindEditor 最新版本【Spring 3+hibernate 3.2.6+struts 2.1.6】


 FileManageAction

import javax.servlet.http.HttpServletRequest;
import org.apache.struts2.interceptor.ServletRequestAware;
import com.opensymphony.xwork2.ActionSupport;
import java.io.File;
import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.Arrays;
import java.util.Collections;
import java.util.Comparator;
import java.util.Hashtable;
import java.util.List;


public class FileManageAction extends ActionSupport implements
ServletRequestAware {


private static final long serialVersionUID = 1L;


private HttpServletRequest request;


public String execute() throws Exception {
// 请求
// 根目录路径,可以指定绝对路径,比如 /var/www/attached/
String rootPath = request.getSession().getServletContext()
.getRealPath("/")
+ "editor/attached/";
// 根目录URL,可以指定绝对路径,比如 http://www.yoursite.com/attached/
String rootUrl = request.getContextPath() + "/editor/attached/";
// 图片扩展名
String[] fileTypes = new String[] { "gif", "jpg", "jpeg", "png", "bmp" };


String dirName = request.getParameter("dir");
if (dirName != null) {
if (!Arrays.<String> asList(
new String[] { "image", "flash", "media", "file" })
.contains(dirName)) {
LOG.error("Invalid Directory name.");
}
rootPath += dirName + "/";
rootUrl += dirName + "/";
File saveDirFile = new File(rootPath);
if (!saveDirFile.exists()) {
saveDirFile.mkdirs();
}
}
// 根据path参数,设置各路径和URL
String currentPath = rootPath + path;
String currentUrl = rootUrl + path;
String currentDirPath = path;
String moveupDirPath = "";
if (!"".equals(path)) {
String str = currentDirPath.substring(0,
currentDirPath.length() - 1);
moveupDirPath = str.lastIndexOf("/") >= 0 ? str.substring(0,
str.lastIndexOf("/") + 1) : "";
}


// 排序形式,name or size or type
String order = request.getParameter("order") != null ? request
.getParameter("order").toLowerCase() : "name";


// 不允许使用..移动到上一级目录
if (path.indexOf("..") >= 0) {
LOG.error("Access is not allowed.");
}
// 最后一个字符不是/
if (!"".equals(path) && !path.endsWith("/")) {
LOG.error("Parameter is not valid.");
}
// 目录不存在或不是目录
File currentPathFile = new File(currentPath);
if (!currentPathFile.isDirectory()) {
LOG.error("Directory does not exist.");
}


// 遍历目录取的文件信息
List<Hashtable> fileList = new ArrayList<Hashtable>();
if (currentPathFile.listFiles() != null) {
for (File file : currentPathFile.listFiles()) {
Hashtable<String, Object> hash = new Hashtable<String, Object>();
String fileName = file.getName();
if (file.isDirectory()) {
hash.put("is_dir", true);
hash.put("has_file", (file.listFiles() != null));
hash.put("filesize", 0L);
hash.put("is_photo", false);
hash.put("filetype", "");
} else if (file.isFile()) {
String fileExt = fileName.substring(
fileName.lastIndexOf(".") + 1).toLowerCase();
hash.put("is_dir", false);
hash.put("has_file", false);
hash.put("filesize", file.length());
hash.put("is_photo", Arrays.<String> asList(fileTypes)
.contains(fileExt));
hash.put("filetype", fileExt);
}
hash.put("filename", fileName);
hash.put("datetime",
new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(file
.lastModified()));
fileList.add(hash);
}
}


if ("size".equals(order)) {
Collections.sort(fileList, new SizeComparator());
} else if ("type".equals(order)) {
Collections.sort(fileList, new TypeComparator());
} else {
Collections.sort(fileList, new NameComparator());
}


this.setMoveup_dir_path(moveupDirPath);
this.setCurrent_dir_path(currentDirPath);
this.setCurrent_url(currentUrl);
this.setTotal_count(fileList.size());
this.setFile_list(fileList);


return SUCCESS;
}


public class NameComparator implements Comparator {
public int compare(Object a, Object b) {
Hashtable hashA = (Hashtable) a;
Hashtable hashB = (Hashtable) b;
if (((Boolean) hashA.get("is_dir"))
&& !((Boolean) hashB.get("is_dir"))) {
return -1;
} else if (!((Boolean) hashA.get("is_dir"))
&& ((Boolean) hashB.get("is_dir"))) {
return 1;
} else {
return ((String) hashA.get("filename"))
.compareTo((String) hashB.get("filename"));
}
}
}


public class SizeComparator implements Comparator {
public int compare(Object a, Object b) {
Hashtable hashA = (Hashtable) a;
Hashtable hashB = (Hashtable) b;
if (((Boolean) hashA.get("is_dir"))
&& !((Boolean) hashB.get("is_dir"))) {
return -1;
} else if (!((Boolean) hashA.get("is_dir"))
&& ((Boolean) hashB.get("is_dir"))) {
return 1;
} else {
if (((Long) hashA.get("filesize")) > ((Long) hashB
.get("filesize"))) {
return 1;
} else if (((Long) hashA.get("filesize")) < ((Long) hashB
.get("filesize"))) {
return -1;
} else {
return 0;
}
}
}
}


public class TypeComparator implements Comparator {
public int compare(Object a, Object b) {
Hashtable hashA = (Hashtable) a;
Hashtable hashB = (Hashtable) b;
if (((Boolean) hashA.get("is_dir"))
&& !((Boolean) hashB.get("is_dir"))) {
return -1;
} else if (!((Boolean) hashA.get("is_dir"))
&& ((Boolean) hashB.get("is_dir"))) {
return 1;
} else {
return ((String) hashA.get("filetype"))
.compareTo((String) hashB.get("filetype"));
}
}
}


public String path;
public String moveup_dir_path;
public String current_dir_path;
public String current_url;
public int total_count;
@SuppressWarnings("rawtypes")
public List<Hashtable> file_list;


public String getMoveup_dir_path() {
return moveup_dir_path;
}


public void setMoveup_dir_path(String moveup_dir_path) {
this.moveup_dir_path = moveup_dir_path;
}


public String getCurrent_dir_path() {
return current_dir_path;
}


public void setCurrent_dir_path(String current_dir_path) {
this.current_dir_path = current_dir_path;
}


public String getPath() {
return path;
}


public void setPath(String path) {
this.path = path;
}


public String getCurrent_url() {
return current_url;
}


public void setCurrent_url(String current_url) {
this.current_url = current_url;
}


public int getTotal_count() {
return total_count;
}


public void setTotal_count(int total_count) {
this.total_count = total_count;
}


public List<Hashtable> getFile_list() {
return file_list;
}


public void setFile_list(List<Hashtable> file_list) {
this.file_list = file_list;
}


public void setServletRequest(HttpServletRequest request) {
this.request = request;
}

}

FileUploadAction
import java.io.File;
import java.io.FileInputStream;
import java.io.FileOutputStream;
import java.io.InputStream;
import java.text.SimpleDateFormat;
import java.util.Arrays;
import java.util.Date;
import java.util.HashMap;
import java.util.Random;
import javax.servlet.http.HttpServletRequest;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
import org.apache.struts2.interceptor.ServletRequestAware;
import com.opensymphony.xwork2.ActionSupport;
@SuppressWarnings("serial")
public class FileUploadAction  extends ActionSupport implements  ServletRequestAware{
private HttpServletRequest request;
public String execute() throws Exception {
//请求
//HttpServletRequest request = contextPvd.getRequest();

//文件保存目录路径
//String savePath = contextPvd.getAppRealPath("/") + "editor/attached/";
String savePath = request.getSession().getServletContext().getRealPath("/")+ "editor/attached/";;
//文件保存目录URL
String saveUrl  = request.getContextPath() + "/editor/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");


//最大文件大小50M
long maxSize = 52428800;


if(!ServletFileUpload.isMultipartContent(request)){
return error("请选择文件。");
}
//检查目录
File uploadDir = new File(savePath);
if(!uploadDir.isDirectory()){
return error("上传目录不存在。");
}
//检查目录写权限
if(!uploadDir.canWrite()){
return error("上传目录没有写权限。");
}


String dirName = dir;
if (dirName == null) {
dirName = "image";
}
if(!extMap.containsKey(dirName)){
return error("目录名不正确。");
}
//创建文件夹
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();
}
if(imgFile != null && !imgFile.toString().equals("")){
long fileSize = imgFile.length();
if(fileSize > maxSize){
return error("上传文件大小超过限制。");
}
//检查扩展名
String fileExt = imgFileFileName.substring(imgFileFileName.lastIndexOf(".") + 1).toLowerCase();
if(!Arrays.<String>asList(extMap.get(dirName).split(",")).contains(fileExt)){
return error("上传文件扩展名是不允许的扩展名。\n只允许" + extMap.get(dirName) + "格式。");
}


SimpleDateFormat df = new SimpleDateFormat("yyyyMMddHHmmss");
String newFileName = df.format(new Date()) + "_" + new Random().nextInt(1000) + "." + fileExt;

File uploadedFile = new File(savePath, newFileName);
//获取文件输出流
FileOutputStream fos = new FileOutputStream(uploadedFile);
//获取内存中当前文件输入流
InputStream in = new FileInputStream(imgFile);
byte[] buffer = new byte[1024];
try {
int num = 0;
while ((num = in.read(buffer)) > 0) {
fos.write(buffer, 0, num);
}
} catch (Exception e) {
LOG.error("kindEditor上传文件出错了!");
return error("上传的文件不存在!");
} finally {
in.close();
fos.close();
}
setError(0);
setUrl(saveUrl + newFileName);
}else{
return error("上传的文件不存在!");
}
return SUCCESS;
}

private String error(String message){
setMessage(message);
setError(1);
return SUCCESS;
}



/**
* 成功返回0,失败返回1
*/
public int error;

/**
* 成功时返回上传的文件地址
*/
public String url;

/**
* 失败时返回的提示信息
*/
public String message;
/**
* 上传的文件类型
*/
public String dir;

public File imgFile;
private String imgFileFileName;


public int getError() {
return error;
}


public void setError(int error) {
this.error = error;
}


public String getUrl() {
return url;
}


public void setUrl(String url) {
this.url = url;
}


public String getMessage() {
return message;
}


public void setMessage(String message) {
this.message = message;
}


public String getDir() {
return dir;
}


public void setDir(String dir) {
this.dir = dir;
}


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 void setServletRequest(HttpServletRequest httpServletRequest) {
this.request = httpServletRequest;
}
}


struts 配置

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE struts PUBLIC    "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"    "http://struts.apache.org/dtds/struts-2.0.dtd">
<struts>
<package name="keupload" extends="json-default">
        <!-- 文件管理 -->
        <action name="fileManager*" class="com.juxian.base.ke.FileManageAction" method="{1}">
           <result type="json"></result>
        </action>
        <!-- 文件上传 -->
        <action name="fileUpload*" class="com.juxian.base.ke.FileUploadAction" method="{1}">
            <result type="json"></result>
            <param name="includeProperties">  
                     error,url,message  
            </param> 
        </action>
    </package>
</struts>


JS配置

$(function() {
//转换textarea到kindeditor,默认编辑器类型
var editor1 = KindEditor.create('textarea[name="entity.content"],textarea[name="reason"]', {
//uploadJson : ctx + '/kindeditor/upload_json.jsp',
//fileManagerJson : ctx +  '/kindeditor/file_manager_json.jsp',
uploadJson : ctx + 'fileUpload.action',
fileManagerJson : ctx + 'fileManager.action',
allowFileManager : true
});

//转换textarea到kindeditor,简化类型编辑器
var editor2 = KindEditor.create('textarea[name="entity.summary"],textarea[id="summary"]', {
resizeType : 1,
allowPreviewEmoticons : false,
allowImageUpload : false,
items : [
'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
'insertunorderedlist', '|', 'emoticons', 'image', 'link']
});


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Vue是一种流行的JavaScript框架,用于构建用户界面。KindEditor是一个富文本编辑器,可以方便地在网页编辑和展示富文本内容。图片上传是指将用户选择的图片文件上传到服务器。 在Vue使用KindEditor进行图片上传的步骤如下: 1. 安装KindEditor:可以通过npm或者直接下载KindEditor的源代码进行安装。 2. 在Vue组件引入KindEditor:可以通过import语句引入KindEditor的相关文件。 3. 在Vue组件使用KindEditor:在需要使用富文本编辑器的地方,使用KindEditor提供的API进行初始化和配置。 4. 实现图片上传功能:通过配置KindEditor的图片上传接口,将用户选择的图片文件上传到服务器。 以下是一个简单的示例代码: ``` <template> <div> <textarea ref="editor"></textarea> <button @click="uploadImage">上传图片</button> </div> </template> <script> import KindEditor from 'kindeditor' export default { mounted() { KindEditor.create(this.$refs.editor, { uploadJson: '/uploadImage', // 图片上传接 allowFileManager: false // 是否允许文件管理 }) }, methods: { uploadImage() { // 获取编辑器的图片文件 const images = KindEditor.editor(this.$refs.editor).images // 将图片文件上传到服务器 // ... } } } </script> ``` 相关问题: 1. Vue是什么? 2. KindEditor是什么? 3. 如何在Vue使用KindEditor? 4. 如何实现图片上传功能? 5. 还有其他类似的富文本编辑器可以使用吗?

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

艾尔aier

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值