一、首先在富文本页面中修改上传路径,将下面代码复制在富文本页面中
UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl; UE.Editor.prototype.getActionUrl = function(action) { if (action == 'uploadimage' || action == 'uploadscrawl') { return 'http://localhost:8080/ueditor/uploadimage';//这就是自定义的上传地址 } else { return this._bkGetActionUrl.call(this, action); } }
二、然后写一个对应的上传图片接口,如下
@RequestMapping(value = "/uploadimage", method = RequestMethod.POST) @ResponseBody public Mapuploadimage(@RequestParam(value = "upfile") MultipartFile upfile) { Map map = new HashMap<>(); String fileName=upfile.getOriginalFilename(); SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMddHHmmssSSS"); String filename = sdf.format(new Date()) + new Random().nextInt(1000); String fileExt = fileName.substring(fileName.lastIndexOf(".") + 1).toLowerCase(); filename=filename+"."+fileExt;//存入虚拟目录后的文件名 File uploadedFile = new File("D:\file\image", filename);//存入虚拟目录后的文件 try { upfile.transferTo(uploadedFile);//上传 map.put("url", "/image/"+filename);//这个url是前台回显路径(回显路径为config.json中的imageUrlPrefix+此处的url) map.put("state", "SUCCESS"); map.put("original", ""); } catch (IllegalStateException e) { // TODO Auto-generated catch block e.printStackTrace(); } catch (IOException e) { // TODO Auto-generated catch block e.printStackTrace(); } return map; }
三、大家可以按f12在上传图片的时候看看上传与返回的路径,然后对应你自己的路径修改即可!