百度编辑器Ueditor配置上传图片

首先去官网下载:http://ueditor.baidu.com/website/download.html

我下载的是下图所示  1.4.3.3 jsp urf-8版本




下载完成后解压,copy到自己的项目中去



将jsp下的lib里面的jar包全都copy到WEB-INF中的lib中

然后创建一个jsp,初始化百度编辑器。




打开ueditor.config.js,看到服务器统一接口路径了吧



接着打开controller.jsp,控制台输出rootPath,查看下统一路径



输出结果例子为:E:\workspace\.metadata\.plugins\org.eclipse.wst.server.core\tmp1\wtpwebapps\UEditorUp\  (本地项目存放位置)

我们启动项目:http://localhost:8081/UEditorUp

打开本地路径:E:\workspace\.metadata\.plugins\org.eclipse.wst.server.core\tmp1\wtpwebapps\UEditorUp\ueditor\jsp\upload\image\20161020

我们上传的图片就保存在这里,后面绿色部分哪里来的呢?

打开jsp下的config.json文件:就是在下图这默认配置生成的



我们上传图片成功了,那么为什么不显示呢?

看见上图红框上面的参数了吗,imageUrlPrefix:图片访问路径前缀,把项目名写进去"/项目名/",就ok了!

下面上传视频配置啊截图配置啊,*UrlPrefix:配置成和图片一样就可以了。


评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值