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/ 根据时间生成的文件夹名字/根据时间生成的文件名.后缀名

时间: 2024-10-25 18:10:58

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

kindeditor更改图片上传时网络图片的路径

当我们想要使用kindeditor的图片上传功能时,有两种选择图片方式,一种是本地选择,一种是在图片空间中选择,图片空间的默认地址是服务器上的/kindeditor/attached/image/下面. 如果想要改变这个路径,需要找到/kindeditor/php/file_manager_json.php这个文件,然后可以看到下面几行: //根目录路径,可以指定绝对路径,比如 /var/www/attached/ $root_path = $php_path . '../attached/';

v9切换ueditor后图片上传路径问题 改成绝对路径

使用V9切换成ueditor编辑器后,图片上传路径显示的是相对路径,同时会把content字段第一张图这个路径同步到缩略图的thumb字段.thumb字段如果是相对路径的话,前端就不能进行裁剪,APP或者其他应用也不能调用. 于是修改. 我用的是1.4.3版本 找到编辑器目录下的/php/Uploader.class.php文件. 找到getFileInfo()方法,修改成如下代码     public function getFileInfo()     { $dangqian_host = 

kindeditor扩展粘贴图片功能&修改图片上传路径并通过webapi上传图片到图片服务器

前言 kindeditor是一个非常好用的富文本编辑器,它的简单使用我就不再介绍了. 而kindeditor却对图片的处理不够理想. 本篇博文需要解决的问题有两个: kindeditor扩展粘贴图片功能 kindeditor修改图片上传路径并通过webapi上传图片到图片服务器(支持分布式图片) 结果演示 1.扩展粘贴图片功能演示 2.修改图片上传路径演示: 我们的网站演示地址是:http://localhost:9393/ 我们的图片服务器地址是:http://localhost:9394/

UMEditor(Ueditor mini)修改图片上传路径

UMEditor(Ueditor mini)修改图片上传路径 imageUp.ashx string pathbase = "/UpLoad/images/"; //保存文件夹在网站根目录下 dialogs/image/image.js //修改为 var $img = $("<img src='" + url + "' class='edui-image-pic' />"),//去掉editor.options.imagePath,

ueditor1.4.3 php版本使用修改图片上传路径

实例化编辑器必须带上一下东西 header部分 <script type="text/javascript" charset="utf-8" src="ueditor.config.js"></script> <script type="text/javascript" charset="utf-8" src="ueditor.all.min.js">

ueditor 百度编辑器 自定义图片上传路径和格式化上传文件名

今天项目中需要自定义图片上传的保存路径,并且不需要按照日期自动创建存储文件夹和文件名,我的ueditor版本是1.3.6.下面记录一下我配置成功的方法,如果有什么不对的地方欢迎指出,共同学习: 1:我在本地项目的根目录下新建一个文件夹,比如:upload. 2:打开ueditor/php/config.php,改成如下代码后保存: <?php return array( //图片上传允许的存储目录 /*'imageSavePath' => array ( 'upload1', 'upload2

asp.net ueditor 图片上传路径问题解决

最近练习做一个新闻系统,其中不能少了添加新闻和修改新闻的功能 ,而且还要添加图片.添加文字样式, 所以不得不使用富文本编辑器,在kindeditor和ueditor中,选择了目前还在持续更新的百度产品,ueditor. 刚开始,图片上传的时候,图片不能显示,甚至提示后台文件未配置的提示,经过摸索,解决了问题,现在记录一下: 首先,ueditor默认配置是把ueditor的整个文件夹放在项目的根目录中,这样的话,图片什么的都应该能正常显示. 但是我把ueditor的文件夹放到了根目录下的scrip

thinkphp开发系列-ueditor1.43修改图片上传路径

最近用的ueditor1.43感觉分厂不错,但是如何能自定义ueditor的上传路径呢 然后进入php目录 打开后参考下图修改

jsp+ajax+springMvc图片上传立刻回显 电商

思路:onchange()事件触发异步请求,js将成功后返回图片的地址动态写入 JSP页面:  外层一个ID为myForm的表单 <pre name="code" class="html"> <a name="uploadImgs" id="uploadImgs"></a> <p><label><samp>*</samp>上传产品图片(XX尺寸