ueditor 编辑器，自定义图片上传

<div>  
    <h1>完整demo</h1>  
    <form method="post" name="form">  
    <div id="editor" name="content"  style="width:800px;height:500px"></div>  
     
      <div id="editor2" name="content"  style="width:800px;height:500px"></div>  
         
    </form>  
</div>  
<div><input type="button" value="提交" onclick="t()"></input></div>  
  
三、创建ue对象实例  
<script type="text/javascript">  
  
    //实例化编辑器  
    //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例  
    var ue = UE.getEditor('editor',{  
        toolbars: [  
                   ['source','subscript','superscript', 'undo', 'redo', 'bold', 'snapscreen','preview', 'simpleupload','insertimage', 'emotion',   
                    'spechars',   'drafts' , 'time','date']  
               ],  
               autoHeightEnabled: true,  
               autoFloatEnabled: true,  
               imageActionName:'testUpload'//定义上传的action名称  
           });  
  
    UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;  
    UE.Editor.prototype.getActionUrl = function(action) {  
        if (action == 'testUpload') {//跳转到后来的上传action  
            return '${pageContext.request.contextPath}/testEditor/testUpload.action';  
        } else {  
            return this._bkGetActionUrl.call(this, action);  
        }  
    }  
      
   
    function t(){  
        form.action="${pageContext.request.contextPath }/testEditor/testForm.action";  
        form.submit();  
        }  
  
  
</script>   

 

package com.jeeplus.common.utils;

import java.io.File;
import java.util.HashMap;
import java.util.Map;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
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.MultipartFile;

/**
 * 百度富文本框图片上传功能
 * 
 * @author zhaoshan
 *
 */
@Controller
@RequestMapping(value = "${adminPath}/ueditor/uploadimage")
public class UEditorImgUploadUtils {

    /**
     * 富文本文件上传功能
     * 
     * @param model
     * @param file
     *            上传文件
     * @param request
     * @param response
     * @return 图片回显Map
     * @throws Exception
     */
    @RequestMapping(value = "upload", method = RequestMethod.POST)
    @ResponseBody
    public Map<String, Object> testUpload(Model model,
            @RequestParam(value = "upfile", required = false) MultipartFile file, HttpServletRequest request,
            HttpServletResponse response) throws Exception {
        request.setCharacterEncoding("utf-8");
        response.setCharacterEncoding("utf-8");
        Map<String, Object> result = new HashMap<String, Object>();//
        String fileName = file.getOriginalFilename();
        String filePath = request.getSession().getServletContext().getRealPath("/upload/");
        File targetFile = new File(filePath, fileName);
        if (!targetFile.exists()) {
            targetFile.mkdirs();
        }
        try {
            file.transferTo(targetFile);
        } catch (Exception e) {
            e.printStackTrace();
        }
        result.put("name", file.getOriginalFilename());// 新的文件名
        result.put("originalName", file.getOriginalFilename());// 原始文件名
        result.put("size", file.getSize());
        result.put("state", "SUCCESS");
        result.put("url", request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
                + request.getContextPath() + "/upload/" + fileName);// 展示图片的请求url
        return result;
    }
}