UEditor使用细节注意

蔚落 2022-08-07 15:55 201阅读 0赞

原理：先加载配置，后上传，最后回显。

UEditor给出了controller.jsp来进行加载配置，并上传，但是这些不是我们想要的。我们需要重写加载配置和上传回显操作。

serverUrl是我们需要修改的地方，它的作用是让我们加载配置。

这里我将serverUrl设置为：serverUrl: ROOT\_PATH + "ueditor/upload"

upload方法（给出整段代码）：

import java.io.File;
    import java.io.FileInputStream;
    import java.io.FileNotFoundException;
    import java.io.IOException;
    import java.io.OutputStream;
    import java.util.Map;
    import java.util.UUID;
    
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    import org.apache.commons.io.IOUtils;
    import org.springframework.stereotype.Controller;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.bind.annotation.RequestMethod;
    import org.springframework.web.bind.annotation.RequestParam;
    import org.springframework.web.bind.annotation.ResponseBody;
    import org.springframework.web.multipart.commons.CommonsMultipartFile;
    
    import com.google.common.collect.Maps;
    
    @Controller
    @RequestMapping("/ueditor")
    public class UeditorController extends BasicController{
    	
    	@RequestMapping
    	public String index(){
    		System.out.println(1);
    		return "/ueditor/index";
    	}
    	
    	@RequestMapping(value = "/upload", method = RequestMethod.GET)  
        @ResponseBody  
        public void upload(HttpServletRequest request, HttpServletResponse response) throws IOException {  
            String action = request.getParameter("action");  
            if ("config".equals(action)) {  
                OutputStream os = response.getOutputStream();  
                IOUtils.copy(UeditorController.class.getClassLoader().getResourceAsStream("config.json"), os);  
            }
        }
        
        @RequestMapping(value = "/upload", method = RequestMethod.POST)  
        @ResponseBody  
        public Map<String, String> upload(HttpServletRequest request,@RequestParam CommonsMultipartFile upfile) throws IOException {  
        	Map<String, String> result = Maps.newHashMap();
        	System.out.println(upfile.getFileItem().getFieldName());
        	String path = getFilePath(upfile);
        	File file = new File(path);
        	System.out.println(path);
        	String state = "SUCCESS";
            //返回类型  
        	String rootPath = request.getContextPath();
        	result.put("url", rootPath + "/ueditor/show?filePath=" + path);
            result.put("size", String.valueOf(file.length()));  
            result.put("type", file.getName().substring(file.getName().lastIndexOf(".")));  
            result.put("state", state);  
            return result;  
        }
        
        @RequestMapping(value = "/show", method = RequestMethod.GET)
        public void show(String filePath, HttpServletResponse response) throws IOException {
            
            File file = getFile(filePath);
    
            response.setDateHeader("Expires", System.currentTimeMillis() + 1000 * 60 * 60 * 24);
            response.setHeader("Cache-Control", "max-age=60");
            OutputStream os = response.getOutputStream();
    
            FileInputStream is = null;
            try {
                is = new FileInputStream(file);
                IOUtils.copy(is, os);
            } catch (FileNotFoundException e) {
                response.setStatus(404);
                return;
            } finally {
                if (null != is) {
                    is.close();
                }
                if (null != os) {
                    os.flush();
                    os.close();
                }
            }
        }
        
        protected String getFilePath(CommonsMultipartFile uploadFile){
        	String absolutePath = "D:/upload";
        	File folder = new File(absolutePath);
            if (!folder.exists()) {
                folder.mkdirs();
            }
            String rawName = uploadFile.getFileItem().getName();
            String fileExt = rawName.substring(rawName.lastIndexOf("."));
            String newName = System.currentTimeMillis() + UUID.randomUUID().toString() + fileExt;
            File saveFile = new File(absolutePath + File.separator + newName);
            try {
                uploadFile.getFileItem().write(saveFile);
            } catch (Exception e) {
                e.printStackTrace();
                return "";
            }
            return absolutePath + "/" + newName;
        }
        
        protected File getFile(String path){
        	File file = new File(path);
        	return file;
        	
        }
        
    }

config.json，将这个配置放在resources里面。

需要注意的是，上传的那段代码，由于config.json中：  
 "imageFieldName": "upfile", /\* 提交的图片表单名称 \*/

iageFiledName给的是upfile，所以我这里要写upfile，不然就会出错。

其实只要我们好好的理解ActionEnter具体是怎么实现的就行。