umeditor中图片上传

一、下载umeditor插件地址

        https://ueditor.baidu.com/website/umeditor.html

        注意：如果下载mini版请下载1.2.3之前版本，因为1.2.3版本字体的大小和格式都不能改变

二、修改插件中的配置

       1、修改umeditor.config.js

/*** 上传图片* * @param request* @return* @throws IOException*/@ResponseBody@RequestMapping("/uploadPictureUmeditor")public void uploadPictureUmeditor(HttpServletRequest request,HttpServletResponse response) throws IOException {JSONObject json = new JSONObject();MultipartHttpServletRequest mrequest = (MultipartHttpServletRequest) request;MultipartFile file = mrequest.getFile("upfile");String urlnew = request.getScheme() + "://" + request.getServerName()+ ":" + request.getServerPort() + request.getContextPath();String realPath = request.getSession().getServletContext().getRealPath("/");String fileName = file.getOriginalFilename();String type = fileName.substring(fileName.lastIndexOf(".")+1);String name = formate.format(new Date())+ fileName.substring(fileName.lastIndexOf("."));fileName = "res/files/" + name;String path = realPath + "/" + fileName;if (fileName != null && !fileName.equals("")) {File newFile = new File(path);try {file.transferTo(newFile);json.put("state","SUCCESS");json.put("original",file.getOriginalFilename());json.put("size",file.getSize());json.put("url",fileName);json.put("title", name);json.put("type",type);} catch (Exception e) {json.put("state","FALSE");}}response.setContentType("text/html; charset=UTF-8");PrintWriter writer = response.getWriter();writer.write(json.toString());writer.close();}

四、 对上传的图片进行缩放，可能会出现只能缩小不能放大，或只能放大，不能缩小的情况，找到umeditor/themes/default/css/umeditor.min.css，在umeditor.min.css文件最后添加一段css即可

.edui-container *{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.edui-container *:before,.edui-container *:after {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！