首页 > Web开发 > 详细

KindEditor 上传图片浏览器兼容性问题

时间:2018-01-28 11:56:45      阅读:426      评论:0      收藏:0      [点我收藏+]

1、使用 KindEditor 的图片上传插件时,需要返回如下格式的 JSON 数据

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

所以你可能这样写你的服务端代码

@RequestMapping(value = "/pic/upload" , produces = MediaType.TEXT_PLAIN_VALUE+";charset=utf-8")
@ResponseBody
public Map fileUpload(MultipartFile uploadFile)
{
        Map result = new HashMap();
        result.put("error", 0);
        result.put("url", url);
return result; }

但是 KindEditor 的图片上传插件,对浏览器兼容性不好。

2、使用 @ResponseBody 注解返回 java 对象,浏览器默认响应类型为 Content-Type:application/json;charset=UTF-8 ,如下图

技术分享图片

3、你需要将 application/json 改为 text/plan ,如下图

技术分享图片

4、服务端代码应改为

@RequestMapping(value = "/pic/upload" , produces = MediaType.TEXT_PLAIN_VALUE+";charset=utf-8")
@ResponseBody
public String fileUpload(MultipartFile uploadFile)
{
        Map result = new HashMap();
        result.put("error", 0);
   
result.put("url", url);
return JsonUtils.objectToJson(result);//对象转 JSON
}

 

KindEditor 上传图片浏览器兼容性问题

原文:https://www.cnblogs.com/fangwu/p/8370806.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!