Ueditor 图片上传配置

（三）

下面这部分呢，来讲下编辑器的上传图片的功能，在官方文件中没有详细的介绍怎么配置上传图片的方法

1）在ueditor/jsp下的config.json文件中修改 "imageUrlPrefix"和"imagePathFormat"

相对路径：

"imageUrlPrefix"：“/项目名称”,

绝对路径：

"imageUrlPrefix"：“http://localhost:8080/项目名称”,/*其中localhost可以修改为对应的服务器地址*/

"imagePathFormat"这个属性要注意，可以使用默认的路径，但是我使用默认的路径时出现了一个问题，一开始我找不到我上传的图片在哪里，后来发现是在tomcat的webapps文件夹下的项目中，但是找到位置之后，我上传了图片，第二天打开电脑发现图片都不显示了，文件夹下图片都空了，原因是因为tomcat重启的时候会将这些临时文件都清空，所以就没有了，那怎么办呢？于是我就修改了这个地址将图片上传到和项目文件平行的文件夹下，比如：

"imagePathFormat": "/../temp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */

这样做，图片就不会被删除了，啦啦啦啦啦啦，这个研究了挺久的呢，百度上这个问题的具体解答例子都没有，只是说修改路径修改路径的

修改ueditor-config.js

第22行：

var URL = window.UEDITOR_HOME_URL || "/项目名称/ueditor/";

第33行：

通过以上的讲解，编辑器的功能都可以实现了，附件上传和图片上传如出一辙，把附件上传的路径照着图片上传的来修改就OK了，完美！大家有什么问题可以和我交流哦，其实我是新手的！嘻嘻。

转载：http://blog.csdn.net/qq_22256607/article/details/51443420

Ueditor 图片上传配置相关推荐

asp.net 百度编辑器 UEditor 上传图片图片上传配置编辑器配置网络连接错误，请检查配置后重试...
1.配置ueditor/editor_config.js文件,将 //图片上传配置区,imageUrl:URL+"net/imageUp.ashx" //图片上传提交地址,imag ...
ckeditor finder php,CKEDITOR CKFINDER的图片上传配置(C#/asp.net/php)
CKEDITOR+CKFINDER的图片上传配置(C#/asp教程.net/php教程) php keditor的代码全部重写,但里面没有了上传功能,只是一个纯粹的文件在线编辑器,如果需要上传图片,还 ...
ueditor 图片上传 java_Spring+Vue整合UEditor富文本实现图片附件上传的方法
下载UEditor 下载完整源码和JSP版本 Spring后端集成 1. 解压完整源码,拷贝jsp目录下的java源码,到spring mvc后端 jsp目录下java源码集成spring mvc后 ...
百度富文本Ueditor图片上传趟坑之路
之所以写这片文章是自己在使用Ueditor当中,自己遇到的一些问题整理一下 1. 项目说明:使用Ueditor的项目是一个后台管理的项目,采用maven搭建的ssh框架另外添加了redis等组件,当中 ...
富文本编辑器CKEditor配置及图片上传配置
一.ckeditor4的配 1.下载ckeditor4 进入官网https://ckeditor.com/ckeditor-4/download/可以直接点击下载,也可以下拉到 CKEditor 4 ...
ueditor图片上传 flash插件初始化失败
[前言] 这两天维护的一个老项目,运营抱怨后台管理发布资讯一直报浏览器flash不支持.作为后端开发只能硬着头皮来卖弄一下抠脚的前端技术. 看了一下代码富文本编辑器用的是 ueditor ,ued ...
Ueditor图片上传不能兼容微信浏览器的解决方案
这个问题花了我两天时间才解决掉,因为在网上没有找到合适的方案,所以想写下来给大家分享下. 当时使用安卓和苹果手机上面的浏览器访问都可以正常使用,就是用微信扫一扫浏览时,图片上传功能死活不能用,后面各种 ...
4.CKeditor4.10.0最新图片上传配置
CKeditor-4.10.0富文本编辑器,到上传图片的配置,网上的教程都不适合现在的版本. 第一步:在config.js的CKEDITOR.editorConfig = function( conf ...
kindeditor4.1.10图片上传配置及使用说明
1效果展示 1.1 点击图片上传按钮 1.2 弹出选择框,可以从已上传的图片中选择上传,也可以从本地上传. 1.3选择从图片空间上传,文件夹模式浏览所有已上传的图片 1.4从本地选择图片上传 1.5上 ...

Ueditor 图片上传配置

Ueditor 图片上传配置相关推荐

最新文章

热门文章