Ueditor富文本编辑器--上传图片自定义上传操作
来源:互联网 发布:mac在windows截图 编辑:程序博客网 时间:2024/05/17 05:51
最近负责将公司官网从静态网站改版成动态网站,方便公司推广营销人员修改增加文案,避免官网文案维护过于依赖技术人员。在做后台管理系统时用到了富文本编辑器Ueditor,因为公司有一个阿里云文件资源服务器,而Ueditor默认将上传图片上传到本地服务器,所以自己也是网上查了很多资料,最终解决了这个问题。 这里使用到的Ueditor版本为net版
对于Ueditor的配置使用,我就不多说了。这里只讲如何上传图片到远程服务器上
配置好Ueditor之后,打开ueditor/App_Code/ListFileHandler.cs
ueditor上传图片后都会调用到这里面的一个方法——Process(),进行文件上传保存到本地处理
public override void Process() { uploadImg();//我们直接在方法的最前面自定义一个方法,只让它执行自定义方法里的逻辑 return; try { Start = String.IsNullOrEmpty(Request["start"]) ? 0 : Convert.ToInt32(Request["start"]); Size = String.IsNullOrEmpty(Request["size"]) ? Config.GetInt("imageManagerListSize") : Convert.ToInt32(Request["size"]); } catch (FormatException) { State = ResultState.InvalidParam; WriteResult(); return; } var buildingList = new List<String>(); try { var localPath = Server.MapPath(PathToList); buildingList.AddRange(Directory.GetFiles(localPath, "*", SearchOption.AllDirectories) .Where(x => SearchExtensions.Contains(Path.GetExtension(x).ToLower())) .Select(x => PathToList + x.Substring(localPath.Length).Replace("\\", "/"))); Total = buildingList.Count; FileList = buildingList.OrderBy(x => x).Skip(Start).Take(Size).ToArray(); } catch (UnauthorizedAccessException) { State = ResultState.AuthorizError; } catch (DirectoryNotFoundException) { State = ResultState.PathNotFound; } catch (IOException) { State = ResultState.IOError; } finally { WriteResult(); } }
//这个自定义方法就可以写上我们自己要上传的服务器代码了private void uploadImg(){ //此处执行上传到远程服务器的代码}
上传图片成功后,编辑器会自动返回一个路径,这里我们需要修改ueditor的config.json文件
这里的imageUrlPrefix的配置我们该为“”,这样我们返回的字符串路径就不会加上什么前缀,导致图片路径错误
这个上传图片的操作,我们剪切图片复制粘贴到编辑器里,编辑器处理截图的操作也会调用这里的方法,通过这个方法将所截图上传到对应的服务器上
阅读全文
1 0
- Ueditor富文本编辑器--上传图片自定义上传操作
- 百度富文本编辑器UEditor自定义上传图片接口
- 百度Ueditor富文本编辑器上传图片
- 富文本编辑器 UEditor上传图片(好用版)
- 百度富文本控件UEditor 上传图片
- 百度ueditor富文本--配置图片上传
- django 与 百度 ueditor 富文本编辑器集成之一:图片上传,文件上传
- 解决ueditor百度富文本编辑器图片可以上传但是在线管理图片无法显示
- 百度富文本编辑器(ueditor)自定义上传接口(路径)
- 百度富文本编辑器UEditor的使用和他的图片上传
- ueditor+requirejs+springMVC+七牛(富文本编辑器图片上传到指定服务器)
- 利用ueditor富文本编辑器上传图片解决跨域问题
- YII中Ueditor富文本编辑器文件和图片上传的配置
- YII中Ueditor富文本编辑器文件和图片上传的配置
- ueditor富文本编辑器——上传图片按钮卡顿,响应慢
- 百度富文本编辑器Ueditor上传图片时标签中添加宽高
- UEditor 富文本编辑器拓展之-----上传图片至项目之外或资源服务器
- Ueditor文本编辑器图片上传配置
- git怎样删除未监视的文件untracked files
- CM5.11.0安装笔记
- Java中Synchronized的用法
- CSS3 box-sizing属性
- [paper] Hypernetworks
- Ueditor富文本编辑器--上传图片自定义上传操作
- JavaWeb 12 国际化
- 欢迎使用CSDN-markdown编辑器
- 优化Android布局——减少过度绘制
- 使用Hexo搭建博客,备份至GitHub过程
- 你真的会做决策吗?认知0007
- 用Alfred的Script Filter获取GitHub的个人仓库
- 特征选择
- 垃圾回收概念及基础