[置顶] Ueditor修改图片上传方法,Ueditor修改视频上传方法
2017-08-01 20:54
337 查看
使用Ueditor常常会需要修改图片上传的路径,甚至是视频的上传路径,进入正题:
修改ueditor.mine.jsUE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;
UE.Editor.prototype.getActionUrl = function(action) {
if (action == 'uploadimage' || action == 'uploadscrawl' || action == 'uploadimage'|| action == 'uploadvideo') {
if(action == 'uploadvideo'){
return Tool.contextPath+'/upLoadFile/ueVideo';
}else{
return Tool.contextPath+'/upLoadFile/ueimg';
}
} else {
return this._bkGetActionUrl.call(this, action);
}
}
后台接处理方法
修改ueditor.mine.jsUE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;
UE.Editor.prototype.getActionUrl = function(action) {
if (action == 'uploadimage' || action == 'uploadscrawl' || action == 'uploadimage'|| action == 'uploadvideo') {
if(action == 'uploadvideo'){
return Tool.contextPath+'/upLoadFile/ueVideo';
}else{
return Tool.contextPath+'/upLoadFile/ueimg';
}
} else {
return this._bkGetActionUrl.call(this, action);
}
}
后台接处理方法
/** * * @Title: ueimg @author liuzhengwen @Description: (上传图片) @return @return * String 返回类型 @throws */ @RequestMapping("ueimg") public void ueimg(HttpServletRequest request, HttpServletResponse response, @RequestParam("upfile") MultipartFile file, String type) { try { if (!file.isEmpty()) { response.setContentType("text/html"); String fileName = file.getOriginalFilename(); String fileSuffix = fileName.substring(fileName.lastIndexOf(".")); String key = uUIDWorker.getUUID() + fileSuffix; String url = uploadFileService.uploadImage(key, file.getBytes()); Map<String, Object> data = new HashMap<String, Object>(0); if (!"".equals(url)) { data.put("state", "SUCCESS"); data.put("original", file.getOriginalFilename()); data.put("size", file.getSize() + ""); data.put("title", url.substring(url.lastIndexOf("/") + 1, url.length())); data.put("type", url.substring(url.lastIndexOf("."), url.length())); data.put("url", url); response.getWriter().write(objectMapper.writeValueAsString(data)); } else { data.put("state", "FAIL"); response.getWriter().write(objectMapper.writeValueAsString(data)); } } } catch (Exception e) { logger.error("=====UpLoadFileController uploadFile error================={}", e); } }注意,这里主要的是返回一个json,json中的格式如下:
{ "state": "SUCCESS", "original": "1212.png", "size": "6253", "title": "892372205560730374.png", "type": ".png", "url": "http://image.zuma.com/upload/892372205560730374.png" }同样视频上传的方法如下:
/** * @throws IOException * * @Title: ueimg @author liuzhengwen @Description: (上传图片) @return @return * String 返回类型 @throws */ @RequestMapping("ueVideo") public void ueVideo(HttpServletRequest request, HttpServletResponse response, @RequestParam("upfile") MultipartFile file) throws IOException { try { if (!file.isEmpty()) { //视频处理方法略。。。。 JSONObject urlJson = new JSONObject(); urlJson.put("original", imageUrl); String fileRealName = file.getOriginalFilename(); urlJson.put("name", fileRealName.substring(0, fileRealName.lastIndexOf("."))); urlJson.put("url", url); urlJson.put("size", file.getSize()); urlJson.put("type", ".flv"); urlJson.put("state", "SUCCESS"); // 把视频信息带到页面 response.getWriter().write(urlJson.toJSONString()); } } catch (Exception e) { response.getWriter().write("fail"); logger.error("=====UpLoadFileController uploadFile error================={}", e); } }
相关文章推荐
- 百度编辑器ueditor上传图片顺序乱掉修改方法
- 修改ueditor的上传文件、图片、视频等路径
- UEditor编辑器自定义上传图片或文件路径的修改方法
- ueditor上传图片时目录创建失败的问题解决方法,不用那么麻烦,其实修改php/config.json这个配置文件里面的路径就行!!
- 百度UEDITOR 内网上传视频支持IE8的方法
- [置顶] 百度ueditor编辑器将图片上传到非项目根路径(保存在磁盘上)或独立服务器解决方案
- asp.net 中 UEditor 图片和附件上传失败的处理方法
- kindeditor 修改上传图片的路径的方法
- UEditor 图片视频上传
- kindeditor 修改上传图片的路径的方法
- C# FileUpload上传视频、图片、文档,分别保存在不同的文件夹中以及下载文件的方法
- ueditor编辑器不能上传图片问题的解决方法
- VUE + UEditor 单图片跨域上传功能的实现方法
- 修改 ueditor1_4_3-utf8-php 它的图片上传地址
- 关于百度富文本编辑器ueditor的.NET版本地图片上传提示uploader类同时存在于两个dll中的解决方法
- 织梦使用百度Ueditor编辑器上传图片自动生成绝对路径实现方法(测试可用)
- ueditor、thinkphp3.2.3上传视频及下载方法
- ueditor上传视频,显示空白,修改ueditor.all.js后播放视频
- 修改DedeCMS图片上传路径命名规则的具体方法步骤
- ueditor编辑器asp版不能上传图片的解决方法(800a0046)