umeditor1.2.2 jsp版本更改图片上传路径的方法

最近在做一个bbs项目,需要一个轻量级的编辑器,看过来看过去,都是百度编辑器挺好看的

怎么部署百度编辑器我就只截取部分图片,关键是更改图片上传路径的方法

这是部署百度编辑器需要的引入的js文件,目录要对应

在网页需要编辑器的地方添加这段代码,写好样式表,直接要class引入,编辑器的长宽就会自适应,后面的内容会在百度编辑器初始化后自动填写在百度编辑器中,

你可以试一下,name属性是后台接受表单提交是获取内容时使用的字段

UM.getEditor("myEditor");这句是初始化百度编辑器,myEditor是上面的部署时写的id,

来张效果图,稍等

我圈出来的地方,本来是可以插入百度地图的图片的,但因为百度自身js文件的错误,所以我在配置文件中取消了这个功能,只需要修改配置文件就可以了

我看了很多网上的教程,都需要配置URL,我测试过,不用配置URL,在项目任何页面都可以部署,

这里不引入map,编辑器就不会显示那个功能,

下面进入正题,怎么修改图片上传的地址,需要修改三个地方,记得引入jsp目录下的commons-fileupload-1.2.2.jar

upload是从网站根目录下开始的文件夹名,

其次修改编辑器配置文件中图片修正地址,改为网站的开始路径,由于我是在tomcat中使用的所以我用的是 IP地址:端口号/项目名 为网站开始路径

所以写了一个方法获取网站的开始路径

var rootURLDIR =URL.substring(0,URL.indexOf("/",URL.indexOf("/",URL.indexOf("://")+3)+1)+1);

http://127.0.0.1:8080/项目名/

最后修改Uploader.java中通过/获取网站的在服务器中的物理路径,即可修改完成

可能你还没看懂,我来给你分析分析,路径分为三个部分,http://127.0.0.1:8080/项目名/  upload/ 根据时间生成的文件夹名字/根据时间生成的文件名.后缀名

网页引用就是这个格式 但是在磁盘在的路径并不是这个 所以需要映射磁盘路径来保存图片

比如  tomcat 下的项目名是在D:/tomcat/webapps/项目名

修改后,实际保存在 D:/tomcat/webapps/ upload/ 根据时间生成的文件夹名字/根据时间生成的文件名.后缀名

posted @ 2014-09-07 21:26  Meone  阅读(2277)  评论(1编辑  收藏  举报