Java——Ueditor自定义图片上传接口和路径

一、首先在富文本页面中修改上传路径，将下面代码复制在富文本页面中

     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 Map<String, String> uploadimage(@RequestParam(value = "upfile") MultipartFile upfile) { 
    Map<String, String> 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在上传图片的时候看看上传与返回的路径，然后对应你自己的路径修改即可！

转载自：   Java——Ueditor自定义图片上传接口和路径，以及各种小问题-爱码网