百度ueditor富文本插件使用

版本为1.2.6
    安装直接看官网文档就可以了。
    图片上传功能笔记:主要涉及到的几个文件: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文件夹,文件夹里面就是图片的真正上传目录;

找到这几个关于路径的地方就可以自己修改图片上传的路径了,以便根据项目方便管理。





 
   

原文地址:https://www.cnblogs.com/wyang0126/p/5039929.html