富文本编辑器图片上传回显,内容回显更新
来源:互联网 发布:战国之怒进阶数据 编辑:程序博客网 时间:2024/06/04 18:29
// 编辑器参数
var kingEditorParams = {
//指定上传文件参数名称
filePostName : "uploadFile",
//指定上传文件请求的url。
uploadJson : '/upload/uploadFck',
//上传类型,分别为image、flash、media、file
afterUpload: function(){this.sync();}, //图片上传后,将上传内容同步到textarea中
};
$(function() {
editor = KindEditor.create('textarea[name="content"]',kingEditorParams,{resizeType : 1,width:"100%",height:"200px",afterChange:function(){
this.sync();
},afterBlur:function(){
this.sync();
}});
});
<textarea rows="3" style="width:100%;" id="content" name="content">${page.content }</textarea>
@RequestMapping(value = "/uploadFck")
public void uploadFck(HttpServletRequest request,HttpServletResponse response) throws Exception{
//无敌接收图片
//Spring提供 MultipartRequest
MultipartRequest mr = (MultipartRequest)request;
String realPath = request.getSession().getServletContext().getRealPath(Constants.IMG_URL);
//只有图片
Map<String, MultipartFile> fileMap = mr.getFileMap();
Set<Entry<String, MultipartFile>> entrySet = fileMap.entrySet();
for (Entry<String, MultipartFile> entry : entrySet) {
MultipartFile pic = entry.getValue();
String fileName = UUID.randomUUID().toString().replaceAll("-", "")+".jpg";
pic.transferTo(new File(realPath+fileName));
//回显到富文编辑器上 json
JSONObject jo = new JSONObject();
jo.put("url", Constants.IMG_URL + fileName);
jo.put("error", 0);
//回调图片
response.setContentType("application/json;charset=UTF-8");
response.getWriter().write(jo.toString());
}
- 富文本编辑器图片上传回显,内容回显更新
- PHP学习---如何把富文本编辑器里面的内容生成html 传回给android客户端
- javaWeb图片上传回显
- 【jQuery】图片上传回显
- 富文本编辑器内容替换
- 使用kindeditor作为富文本编辑器,内容和图片的保存
- 富文本编辑器上传图片的问题
- 百度Ueditor富文本编辑器上传图片
- AngularJS如何在页面上展示富文本编辑器编辑的内容
- 前台富文本编辑器文本乱码,图片正常显示,解决!
- 清空KindEditor富文本编辑器里面的内容方法
- 如何使用python+selenium向富文本编辑器输入内容
- 富文本编辑器tinymce获取文本内容和设置文本内容
- 富文本编辑器
- 富文本编辑器
- Web富文本编辑器
- Flex富文本编辑器
- 富文本编辑器
- Java Exchanger
- php的curl怎么设置header中参数,cookie中的参数?
- mycat安装部署
- C#下获取当前总毫秒数的方法和代码
- sqlserver随笔
- 富文本编辑器图片上传回显,内容回显更新
- Win10下Anaconda 2与3 共存,dos 切换,jupyter notebook 切换,pycharm 切换
- 第十一周项目四C/C++利用遍历思想求解图问题
- java.lang.OutOfMemoryError: Java heap space错误提示及措施
- Springmvc ModelAndView踩过的坑之HttpServletResponse response
- 利用REDEFINITION将普通表转换成分区表案例
- h5三公平台源码搭建|架设
- 小学奥数思维训练题(五)
- 实践问题总结(一)