推广 热搜:   中国  基金  未来  系统  行业  设备  政策  快速  教师 

UEditor实现图片上传到本地指定目录,不再是项目路径

   日期:2024-12-05     作者:caijiyuan    caijiyuan   评论:0    移动:http://mip.tpjde.com/news/2701.html
核心提示:UEditor是由百度WEB前端研发部开发的所见即所得的开源富文本编辑器,具有轻量、可定制、用户体验优秀等特点。 开源基于BSD

UEditor是由百度WEB前端研发部开发的所见即所得的开源富文本编辑器,具有轻量、可定制、用户体验优秀等特点。

UEditor实现图片上传到本地指定目录,不再是项目路径

开源基于BSD协议,所有源代码在协议允许范围内可自由修改和使用。

百度UEditor的推出,可以帮助不少网站开发者在开发富文本编辑器所遇到的难题,节约开发者因开发富文本编辑器所需要的大量时间,有效降低了企业的开发成本。

优点

1、体积小巧,性能优良,使用简单

2、分层架构,方便定制与扩展

3、满足不同层次用户需求,更加适合团队开发

4、丰富完善的中文文档

5、多个浏览器支持:Mozilla, MSIE, FireFox, Maxthon,Safari 和Chrome

6、更好的使用体验

7、拥有专业QA团队持续支持,已应用在百度各大产品线上

使用步骤

1.添加jar包 jar包位置:文件根目录下jsp的lib文件夹下,把jar包复制到web-inf下的lib文件夹下buildpath

2.修改config.js中的URL路径,修改为UEidtor插件在自己工程中的正确根路径

3.在jsp文件中先引入配置文件config.js然后再源码文件all.js(注意顺序

4.加载容器和实例化容器

上传图片

1.修改config.js配置文件URL为插件根目录,一般是绝对路径。

2.修改config.json中上传图片配置项中的访问路径前缀为项目名称,根据情况修改上传文件路径和访问路径。

配置正确之后UEditor有上传功能帮助我们上传图片。

但是上传路径会在项目部署的临时文件夹下。 tomcat取消部署后,上传文件就会和项目部署文件一起被删除

3.实现把图片上传到自定义路径  

  在处理上传后的文件名称的时候注意不要出现中文  

要不然还需要做处理才能正确读取文件

4.(1)首先在jsp中覆盖UEidtor获取路径的方法

//覆盖UEditor中获取路径的方法

 

(2)首先在springmvc配置文件中配置

在controller中定义上传和读取文件的方法

@RequestMapping(“uploadImage”)

@ResponseBody              //这里upfile是config.json中图片提交的表单名称

 

String fileName=upfile.getOriginalFilename();

 

String nowName=new Date().getTime()+”_” + fileName;

 

}

@RequestMapping(“{imgName}/getImage”)

本文地址:http://www.tpjde.com/news/2701.html    推平第 http://www.tpjde.com/ , 查看更多
 
 
更多>同类行业资讯
0相关评论

新闻列表
企业新闻
推荐企业新闻
推荐图文
推荐行业资讯
点击排行
网站首页  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2023001713号