kindeditor 跨域上传图片配置 富文本编辑

本文用于解决kindeditor跨域上传配置,服务端上传接口使用java。
kindeditor 调用服务端上传接口需要返回如下json数据

//成功时
{
        "error" : 0,
        "url" : "http://www.example.com/path/to/file.ext"
}
//失败时
{
        "error" : 1,
        "message" : "错误信息"
}

一、先创建一个redirect.html,放于kindeditor项目目录下

这个文件用于解决跨域,跟使用富文本编辑的页面放入同项目



    
    ie 
    





二、页面调用kindeditor代码部分




    
    Title


三、 服务端接口代码( java 上传部分为伪代码)

@RequestMapping(value = "/common/kindEditorUpload", method = RequestMethod.POST)
    public String uploadKindEditor( @RequestParam String callBackPath, 
                            @RequestBody MultipartFile file){
                //filePath为绝对路径
        String filePath = FileUtils.upload(file);
        String url = "";
        try {
            // 同域时直接返回json,跨域需redirect
            url = "redirect:" + callBackPath + "?error=0&url="filePath;
        } catch (Exception e) {
            e.printStackTrace();
            url = "redirect:" + callBackPath + "?error=1&message="+"错误信息";
        }
        return url;
    }

你可能感兴趣的:(kindeditor 跨域上传图片配置 富文本编辑)