关于百度富文本编辑器的开发注意点

1.开始在项目时,有个功能发送系统公告。用到了百度的Ueditor。

2.开始项目只有一个固定的访问网址和存储路径是比较方便,但是后来由于项目用的地方多了,存储的路径不再局限需要和其他项目共享等一些情况。这个时候需要上传的路径和访问可控

3.这个时候,重写了图片上传的方法在jsp里面加入以下代码,路径里的路径可以识别

<script type="text/javascript">
UE.Editor.prototype._bkGetActionUrl=UE.Editor.prototype.getActionUrl;
UE.Editor.prototype.getActionUrl=function(action){
    if (action == 'uploadimage'){
        return "${basePath}/page/ueditor/myuploadimage";    /* 这里填上你自己的上传图片的action */
    }else{
        return this._bkGetActionUrl.call(this, action);
    }
 };

</script>

4.后台代码

@RequestMapping(value = "/myuploadimage", method = RequestMethod.POST, produces = MediaType.APPLICATION_JSON_VALUE)
    @ResponseBody
    public Map<String,Object> save(HttpServletRequest req,@RequestAttribute(CONST.COMMON.USERINFO)UserInfo userinfo){
		log.info("=================开始上传ueditor图片==================");
        Map<String,Object> rs = new HashMap<String, Object>();
        MultipartHttpServletRequest mReq  =  null;
        MultipartFile file = null;
//        InputStream is = null ;
        String fileName = "";
        // 原始文件名   UEDITOR创建页面元素时的alt和title属性
        String originalFileName = "";
        String filePath = "";
        try {
            mReq = (MultipartHttpServletRequest)req;
            // 从config.json中取得上传文件的ID
            file = mReq.getFile("upfile");
            // 取得文件的原始文件名称
            fileName = file.getOriginalFilename();
            originalFileName = fileName;
            /*你的处理图片的代码*/
            String data = Base64.encodeBase64String(file.getBytes());
            Doclistinfo docinfo = ueditorService.ueditorUpimg(data, userinfo, false, rs);
            String docprefix = hnmsHelpService.getFix(userinfo);
            filePath =docprefix+"/"+CONST.COMMON.FILE_FLORD+"/"+docinfo.getRelativepath()+"/"+"yt_"+docinfo.getDocnewname();
            log.info("=====================ueditor返回的图片url:"+filePath);
			/*你的处理图片的代码*/
            rs.put("state", "SUCCESS");// UEDITOR的规则:不为SUCCESS则显示state的内容
            rs.put("url",filePath);         //能访问到你现在图片的路径
            rs.put("title", originalFileName);
            rs.put("original", originalFileName);                       

        } catch (Exception e) {
            log.error("ueitor上传图片失败:",e);
            rs.put("state", "文件上传失败!"); //在此处写上错误提示信息,这样当错误的时候就会显示此信息
            rs.put("url","");
            rs.put("title", "");
            rs.put("original", "");
        }
        return rs;
    }


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值