分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

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

发布时间:2023-09-06 01:39责任编辑:胡小海关键词:浏览器上传图片

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")@ResponseBodypublic 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")@ResponseBodypublic 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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved