安装直接看官网文档就可以了。
图片上传功能笔记:主要涉及到的几个文件:ueditor.config.js 、imageUp.jsp 、Uploader.java;
ueditor.config.js 主要看:
/**
* 配置项主体。注意,此处所有涉及到路径的配置别遗漏URL变量。
*/
window.UEDITOR_CONFIG = {
//为编辑器实例添加一个路径,这个不能被注释
UEDITOR_HOME_URL : URL
//图片上传配置区
,imageUrl:URL+"jsp/imageUp.jsp" //图片上传提交地址
,imagePath:URL + "jsp/" //图片修正地址,引用了fixedImagePath,如有特殊需求,可自行配置
//,imageFieldName:"upfile" //图片数据的key,若此处修改,需要在后台对应文件修改对应参数
//,compressSide:0 //等比压缩的基准,确定maxImageSideLength参数的参照对象。0为按照最长边,1为按照宽度,2为按照高度
//,maxImageSideLength:900 //上传图片最大允许的边长,超过会自动等比缩放,不缩放就设置一个比较大的值,更多设置在image.html中
imagePath是以后图片上传后的地址目录,上传完图片后 显示在编辑器中的中图片url就是imagePath目录中的,所以这个参数写错的话,上传ok的图片,编辑器中无法显示。
imageUp.jsp主要看:
<%
request.setCharacterEncoding("utf-8");
response.setCharacterEncoding("utf-8");
Uploader up = new Uploader(request);
up.setSavePath("upload");
String[] fileType = {".gif" , ".png" , ".jpg" , ".jpeg" , ".bmp"};
up.setAllowFiles(fileType);
up.setMaxSize(10000); //单位KB
up.upload();
System.out.println("path:"+up.getUrl());
response.getWriter().print("{'original':'"+up.getOriginalName()+"','url':'"+up.getUrl()+"','title':'"+up.getTitle()+"','state':'"+up.getState()+"'}");
%>
up.setSavePath("/upload"); 中的地址是上传的上传目录中新建的文件夹名称
Uploader.java主要看:
/**
* 根据传入的虚拟路径获取物理路径
*
* @param path
* @return
*/
private String getPhysicalPath(String path) {
String servletPath = this.request.getServletPath();
String realPath = this.request.getSession().getServletContext()
.getRealPath(servletPath);
return new File(realPath).getParent() +"/" +path;
}
这个realPath获取的是imageUp.jsp的地址,然后获取该地址的上一层,加上imageUp.jsp中的
up.setSavePath("upload");
中的upload,在该层生成upload文件夹,文件夹里面就是图片的真正上传目录;
找到这几个关于路径的地方就可以自己修改图片上传的路径了,以便根据项目方便管理。