码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-01-28 12:40:50      阅读:701      评论:0      收藏:0      [点我收藏+]

标签:path   app   result   strong   使用   log   rod   new   ping   

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 上传图片浏览器兼容性问题

标签:path   app   result   strong   使用   log   rod   new   ping   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!