在springmvc中使用Ueditor
admin
2023-07-31 22:23:59
0


Ueditor下载地址:

http://ueditor.baidu.com/website/download.html



在springmvc中使用Ueditor



  下载后直接解压缩。我主要实现文件上传和form表单提交数据。


一、配置文件修改 


uedit.config.js

  var URL = window.UEDITOR_HOME_URL; //主要是本地ueditor文件目录

  serverUrl: URL + "jsp/config.jhtml"  // 服务器统一请求接口路径


conf.json


 "p_w_picpathUrlPrefix": "http://localhost:8080/fetchbaike/ueditor/jsp/upload/", /* 图片访问路径前缀 */



二 、页面修改


 
    
     
    
    
 
tyle type="text/css">
        div{
            width:100%;
        }
    




        
        
          

欢迎使用UEditor!

                   //实例化编辑器     //建议使用工厂方法getEditor创建和引用编辑器实例,如果在某个闭包下引用该编辑器,直接调用UE.getEditor('editor')就能拿到相关的实例         var editor_a = UE.getEditor('myEditor',{      initialFrameWidth : 400,        initialFrameHeight: 300});                  UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;          UE.Editor.prototype.getActionUrl = function(action) {            if (action == 'uploadp_w_picpath' || action == 'uploadscrawl' || action == 'uploadp_w_picpath'                 || action == 'uploadvideo' || action == 'uploadfile') {             return './ueditor/uploadp_w_picpath.jhtml';         }else {             return this._bkGetActionUrl.call(this, action);         }     }     



三、后台操作


@Controller
@RequestMapping(value="/ueditor")
public class UeditorController {

@RequestMapping(value="/jsp/config")
public void config(HttpServletRequest request,HttpServletResponse response,String action) throws Exception {
   
    request.setCharacterEncoding("utf-8");
    response.setHeader("Content-Type", "text/html");
    String rootPath=request.getSession().getServletContext().getRealPath("/");
    //会加载conf.json文件,注意路径问题
    response.getWriter().write(new ActionEnter(request,rootPath).exec());
}

@RequestMapping(value="/uploadp_w_picpath")
@ResponseBody
public Map uploadp_w_picpath(@RequestParam("upfile") MultipartFile[] multipartFiles,  HttpServletRequest request,HttpServletResponse response) throws Exception {
    Map map=new HashMap();
    String path=request.getSession().getServletContext().getRealPath("/ueditor/jsp/upload/");
    System.out.println("path++"+path);
    if(multipartFiles!=null && multipartFiles.length>0){
        //循环遍历
        for (MultipartFile multipartFile : multipartFiles) {
        
            //原来图片的名称
            String OriginalFilename=multipartFile.getOriginalFilename();
            
            //获得图片新名称
            String newFileName=getFileNewName(OriginalFilename.substring(OriginalFilename.lastIndexOf(".")));
           
            //创建文件
            File targetFile=new File(path,newFileName);
            if(!targetFile.exists()){
                targetFile.mkdirs();
            }
            String state="SUCCESS";
            try {
                multipartFile.transferTo(targetFile);
                map.put("original", OriginalFilename);
                map.put("name",newFileName);
                //注意url会和conf.json中的路径配合找到图片
                map.put("url", newFileName);
                map.put("state", "SUCCESS");
            } catch (Exception e) {
            state="FAIL";
            }
        }
    }
    return map;
}











相关内容

热门资讯

积水迫使毒蛇向民居、楼道转移藏... 澎湃新闻记者 钟煜豪2026年7月8日下午,广西横州市融媒体中心对外公布了《洪涝灾害期间毒蛇咬伤防治...
欧洲空调卖断货,中企为什么不像... (文/张志峰 编辑/吕栋)6月下旬以来,欧洲多国迎来“热穹顶效应”极端高温天气,中国空调一夜之间挑起...
广东肇庆西江水位持续上涨,当地... 受上游来水及持续降雨影响,广东肇庆市西江封开段水位持续超警。记者从广东省水文局了解到,截至今天(8日...
赢了官司,但LV根本笑不出来 最近,LV在中国开启了密集的商标维权攻势。将新茶饮品牌“茉莉奶白”诉至法院获赔1030万元,另将南京...
广西“洪水冲下很多尸体”不实 ...   广西“洪水冲下很多尸体”不实  【广西“洪水冲下很多尸体”不实】近日,有当地网友称“云表镇南康村...
西门子洗衣机如何解锁童锁 西门子洗衣机如何解锁童锁1、首先需要插上洗衣机的电源,然后打开进水阀门。2、当打开进水阀门以后,要长...
西门子洗衣机怎样打开童锁 需要回忆一下,洗衣机当时是在哪一个档位运行时被启动锁的,然后就把旋钮给转调到当时被锁上的那个位置,然...
西门子洗衣机童锁怎么解除 不同型号的西门子洗衣机解除童锁的方法可能会有所不同,以下是一些常见的方法:1. 按童锁按钮:在洗衣机...
孩子列出高考标配清单压垮家长 ... 孩子列出高考标配清单压垮家长  【孩子列出高考标配清单压垮家长】2026年7月,随着高考成绩陆续公布...
西门子洗衣机的童锁要怎么解除? 西门子洗衣机的童锁要怎么解除?如果是触摸式操作的洗衣机,可按住预约键4-5秒时间,直到童锁指示灯灭;...