百度编辑器ueditor更改图片和附件上传路径的方法
默认UEditor上传图片的路径是,编辑器包目录里面的net目录下
下面就演示如何修改图片和附件的上传路径,先看效果:
步骤1.首先修改ueditor.config.js文件,如下图,红色框即为修改后的效果。
说明:1.imagePath:是用来显示图片上传成功后,编辑器里图片的预览效果。如果此路径出错,那么在编辑器中就无法预览到我们刚上传图片。可以查看HTML代码查看路径。
2.savePath:这个就是我们上传图片时选择的选择保存目录,这个需要和Config.cs里面保持一致,否者报:非法上传目录。另外本目录在imageUp.ashx中保存文件时用到的。见步骤2中红色框里面的path。
3.filePaht:和imagePath类似,用来附件上传后,在编辑器里显示的附件的路径。如果有问题,发布后将无法下载附件。
步骤2.修改imageUp.ashx,如下图,红色框中即为修改后的效果。注意箭头所指,如果你遇到类似错误,那么就说明你没有修改Config.cs文件(见步骤2).
说明:1,上图箭头所指的非法上传目录,是编辑器验证图片上传的路径,以防止恶人修改js代码,非法乱上传。要防止出现这个问题,就要保证ueditor.config.js中图片上传区域中的savePath和config.cs中保持一致。
2.红色框即为图片保存的磁盘路径,注意,path(这里相当于ueditor.config.js中图片上传区域中的savePath中指定的upload)前加了’/’是为了保证图片存放的位置是根目录下指定文件夹upload,后面硬编码了upload下面的images文件夹。
步骤3.修改Config.cs文件,见下图。因为步骤1中我们修改了ueditor.config.js中图片上传配置区图片保存路径,所以这里也需要修改否则会报:非法上传目录
注意,这里就非常简单了,就是服务器端验证图片上传路径,以防止恶人通过脚本修改来而已上传。
步骤4.修改fileUp.ashx文件,见下图,红色框即为修改后效果。
说明,1,这里硬编码了图片的具体上传路径。注意pathbase路径我们以”/”开头,这个还是保证上传文件夹是根目录下的upload/files,如果不带,那么会是相对于编辑器所在页面,然后进行查找upload文件夹。有疑问可以多实验Server.MapPath这个方法具体效果。
相关文章
- Sublime text 3是码农最喜欢的代码编辑器,每天和代码打交道,必先利其器,掌握基本的代码编辑器的快捷键,能让你打码更有效率。刚开始可能有些生疏,只要花一两个星期坚持2014-06-24
Visual Studio 2012 Ultimate旗舰版下载地址与序列号
对于开发者而言,一款优秀智能的开发工具能够提升应用开发的效率,正因为如此,Visual Studio作为主流的开发工具,微软非常的用心,不仅能够让这款开发工具满足用户体验的2012-10-22- SQL SERVER 2005不象SERVER 2000所有组件都汇总在一起,所以卸载时特别麻烦,如果不按正常的方法卸载,重新安装是不可能安装上去的。因为SQL SERVER 2005组件都是分散的,2013-05-17
MyEclipse 10.x 通用破解教程图文详解(附官方安装包下载)
本文以MyEclipse Professional 10.6 为例来介绍如何破解MyEclipse 10.x2014-04-07Visual Studio 2010 正式版激活的两种方法小结
全球开发者最为瞩目的Visual Studio 2010开发工具在4月12日正式发布,现为大家制作一个简单的破解教程有两种方法,操作不一样,原都一样(针对旗舰版,其他版本方法一样):2010-07-04- 作为一个菜鸟程序员,一直很喜欢windows平台下的notepad++,轻巧,可定制性强,感觉很好用。下面讲一下我使用notepad++时的一些心得2012-08-30
- 今天我们就来讲一下,学习的第一步,安装Python IDLE编辑器,也它的调试和使用2014-03-11
通过Navicat for MySQL远程连接的时候报错mysql 1130的解决方法
错误代码是1130,ERROR 1130: Host xxx.xxx.xxx.xxx is not allowed to connect to this MySQL server 是无法给远程连接的用户权限问题2012-10-16- 于我们长期使用电脑编程的人来说,白色很刺激我们的眼睛,下面教大家Android Studio设置背景色的方法,需要的朋友可以参考下2014-03-27
- 最近有很多用户在使用360加固助手软件,但不知道如何具体的操作,不了解各功能作用,下面小编就为大家具体的讲解360加固助手如何使用,希望可以帮助到大家2016-11-03
最新评论