百度ueditor能不能上传pdf
用网页编辑工具打开百度编辑器这个文件:ueditor/dialogs/image/image.html 找到以下代码:
maxNum:32, // 最大上传多少个文件 backgroundUrl:'', //背景图片,留空默认 listBackgroundUrl:'', //预览图背景,留空默认
buttonUrl:'', //按钮背景,留空默认
compressSide:editor.options.compressSide, //等比压缩的基准,0为按照最长边,1为按照宽度,2为按照高度
compressLength:editor.options.maxImageSideLength, // 能接受的最大边长,超过该值Flash会自动等比压缩
//url:'../server/upload/php/up.php', // 上传处理页面的url地址,用于PHP语言
url:'../../server/upload/asp/up.asp', // 上传处理页面的url地址,用于ASP语言
// url:../server/upload/asp/up.asp', // 上传处理页面的url地址,用于ASP语言
解决方法之二:修改上传路径 打开up.asp这个文件。
uploadPath = "../../../uploadfiles/" '上传保存路径,修改上传路径 ' uploadPath = "E:\UEditor对编辑器\" '上传保存路径
picSize = 500 '允许的文件大小,单位KB picType = ".jpg,.gif,.png,.bmp" '允许的图片格式
调整上传文件大小限制,在asp文件夹下的config.json里面进行设置
可以上传的,如果不能上传,在js代码里设置下;一般百度官方下载的ueditor编辑器,默认都是带了PDF上传功能的,参考如下官方代码://默认值:
[
".png", ".jpg", ".jpeg", ".gif", ".bmp",
".flv", ".swf", ".mkv", ".avi", ".rm", ".rmvb", ".mpeg", ".mpg",
".ogg", ".ogv", ".mov", ".wmv", ".mp4", ".webm", ".mp3", ".wav", ".mid",
".rar", ".zip", ".tar", ".gz", ".7z", ".bz2", ".cab", ".iso",
".doc", ".docx", ".xls", ".xlsx", ".ppt", ".pptx", ".pdf", ".txt", ".md", ".xml"
]
可以上传的,若不能上传,就在js代码里设置下;一般百度官方下载的ueditor编辑器,默认都是带了PDF上传功能的,参考如下官方代码:
//默认值:
[
".png", ".jpg", ".jpeg", ".gif", ".bmp",
".flv", ".swf", ".mkv", ".avi", ".rm", ".rmvb", ".mpeg", ".mpg",
".ogg", ".ogv", ".mov", ".wmv", ".mp4", ".webm", ".mp3", ".wav", ".mid",
".rar", ".zip", ".tar", ".gz", ".7z", ".bz2", ".cab", ".iso",
".doc", ".docx", ".xls", ".xlsx", ".ppt", ".pptx", ".pdf", ".txt", ".md", ".xml"
]
MuaRine
博客园
首页
新随笔
联系
管理
随笔 - 96 文章 - 0 评论 - 12
百度Ueditor在线编辑器的配置和图片上传
一、 在线编辑器在页面正常显示
1. 上百度Editor首页下载http://ueditor.baidu.com/website/
2. COPY到自己的项目中去,然后记住ueditor所在文件的目录
3. 配置editor_config.js中的URL(这一步很重要),因为我在html文件中测试的时候是没有修改配置文件的信息也可以用,但是用在项目编辑器就无法显示
/**
* 此处配置写法适用于UEditor小组成员开发使用,外部部署用户请按照上述说明方式配置即可,建议保留下面两行,以兼容可在具体每个页面配置window.UEDITOR_HOME_URL的功能。
*/
var tmp = location.protocol.indexOf("file")==-1 ? location.pathname : location.href;
URL = window.UEDITOR_HOME_URL||tmp.substr(0,tmp.lastIndexOf("\/")+1).replace("_examples/","").replace("website/","");//这里你可以配置成ueditor目录在您网站的相对路径或者绝对路径(指以http开头的绝对路径)
/**
* 配置项主体。注意,此处所有涉及到路径的配置别遗漏URL变量。
*/
window.UEDITOR_CONFIG = {
//为编辑器实例添加一个路径,这个不能被注释
UEDITOR_HOME_URL : URL
//图片上传配置区
,imageUrl:URL+"jsp/imageUp.jsp" //图片上传提交地址
,imagePath:URL + "jsp/" //图片修正地址,引用了fixedImagePath,如有特殊需求,可自行配置
图片上传路径配置区域是在:ueditor.config.js里URL路径是直接指向了ueditor所在项目中的位置。如:/tools/editor/
原因是window.UEDITOR_HOME_URL没有定义,只要在引入script脚本前声明并复制就可以正常使用了,见下代码:
<!DOCTYPE HTML>
<html>
<head>
<title>完整的demo</title>
<meta http-equiv="Content-Type" content="text/html;charset=gbk"/>
<script>
var UEDITOR_HOME_URL = "/ueditor/"; //从项目的根目录开始
</script>
<link type="text/css" href="./themes/default/css/ueditor.css" rel="stylesheet"/>
<script type="text/javascript" src="./editor_config.js"></script>
<script type="text/javascript" src="./editor_all.js"></script>
</head>
<body>
<div>
<script id="myEditor" type="text/plain">欢迎使用</script>
</div>
<script type="text/javascript">
//初始化
var ue = UE.getEditor('myEditor');
</script>
</body>
</html>
还有一点就是,如果没有引入editor.css文件那么部分功能的显示将会没有那么好看。(废话。。。)
二、 图片上传
1. 具体包括imageUp.jsp和Uploader.java这两个文件
2. 在jsp页面中只需要引入正确Uploader.java所在的包就行。
3. 剩下的工作就是在Uploader.java中修改图片上传的目录、制定文件名生成规则等等。 做实现过程中让我很纠结的是:配置完成没问题了,但是就是图片上传不成功具体错误如下:
3.1 在没有找到Uploader类的情况下就会报:网络设置不正确,上传失败(大概就是这个意思。。。)
3.2 所有的工作都做完的情况下,上传图片就是不成功,捕获异常呢也捕获不到,最后设置断点之后才知道fii.hasNext()返回为false,根本原因就是:
因为我用的是S2SH框架,在web.xml中struts2过滤器中把*.jsp去掉,如下代码应该去掉,那就OK了:
1 <filter-mapping>
2 <filter-name>struts2</filter-name>
3 <url-pattern>*.jsp</url-pattern>
4 </filter-mapping>
1 public void upload() throws Exception{
2 boolean isMultipart = ServletFileUpload.isMultipartContent(this.request);
3 if (!isMultipart) {
4 this.state = this.errorInfo.get("NOFILE");
5 return;
6 }
7 DiskFileItemFactory dff = new DiskFileItemFactory();
8 String savePath = this.getFolder(this.savePath);
9 dff.setRepository(new File(savePath));
10 try {
11 ServletFileUpload sfu = new ServletFileUpload(dff);
12 sfu.setSizeMax(this.maxSize * 1024);
13 sfu.setHeaderEncoding("gbk");
14 FileItemIterator fii = sfu.getItemIterator(this.request);
15 while (fii.hasNext()) {
16 FileItemStream fis = fii.next();
17 if (!fis.isFormField()) {
18 this.originalName = fis.getName().substring(fis.getName().lastIndexOf(System.getProperty("file.separator")) + 1);
19 if (!this.checkFileType(this.originalName)) {
20 this.state = this.errorInfo.get("TYPE");
21 continue;
22 }
23 this.fileName = this.getName(this.originalName);
24 this.type = this.getFileExt(this.fileName);
25 this.url = savePath + "/" + this.fileName;
26 BufferedInputStream in = new BufferedInputStream(fis.openStream());
27 FileOutputStream out = new FileOutputStream(new File(this.getPhysicalPath(this.url)));
28 BufferedOutputStream output = new BufferedOutputStream(out);
29 Streams.copy(in, output, true);
30 this.state=this.errorInfo.get("SUCCESS");
31 //UE中只会处理单张上传,完成后即退出
32 break;
33 } else {
34 String fname = fis.getFieldName();
35 //只处理title,其余表单请自行处理
36 if(!fname.equals("pictitle")){
37 continue;
38 }
39 BufferedInputStream in = new BufferedInputStream(fis.openStream());
40 BufferedReader reader = new BufferedReader(new InputStreamReader(in));
41 StringBuffer result = new StringBuffer();
42 while (reader.ready()) {
43 result.append((char)reader.read());
44 }
45 this.title = new String(result.toString().getBytes(),"gbk");
46 reader.close();
47 }
48 }
49 } catch (Exception e) {
50 e.printStackTrace();
51 this.state = this.errorInfo.get("UNKNOWN");
52 }
53 }
写博客不仅是一种习惯,更是一种沉淀。
分类: Java, Java Web, JEECMS
好文要顶 关注我 收藏该文
MuaRine
关注 - 8
粉丝 - 16
+加关注
0
0
(请您对文章做出评价)
« 上一篇:Android系统平台架构+目录说明
» 下一篇:Scroll-Jquery列表无间隙滚动
posted @ 2013-05-30 19:58 MuaRine 阅读(92021) 评论(1) 编辑 收藏
评论列表
#1楼2016-03-07 10:04 We_Are_Friends!
哥们,你好
请问,编辑的内容包括图片,上传到服务器的格式是什么,服务器如何得到图片
另外,有asp mvc 现成的代码么
谢谢
支持(0)反对(0)
刷新评论刷新页面返回顶部
注册用户登录后才能发表评论,请 登录 或 注册,访问网站首页。
最新IT新闻:
· 虚拟现实和计算机带来的艺术 堪称梦幻
· Win 10系统最应该加入的5项功能 你同意吗?
· 搜狗公布第二季度财报 营收11.5亿净利2.2亿元
· 网易证实原网易音乐高级总监王磊已于4月离职
· Google说,手游要出海赚国际友人的钱
» 更多新闻...
最新知识库文章:
· 可是姑娘,你为什么要编程呢?
· 知其所以然(以算法学习为例)
· 如何给变量取个简短且无歧义的名字
· 编程的智慧
· 写给初学前端工程师的一封信
» 更多知识库文章...
公告
昵称:MuaRine
园龄:4年1个月
粉丝:16
关注:8
+加关注
我的标签
Jquery(2)
PHP、LAMP(1)
Android(1)
cocos2d-x(1)
GAE翻墙(1)
随笔分类
Ajax(1)
Android错误(3)
Android小想法
Android小知识(7)
C/C++(3)
cocos2d-x(4)
CSS
DataBase(2)
FreeMarker(6)
Hibernate(4)
Html(5)
Html5
iBATIS
Java(19)
Java Web(17)
JavaScript(1)
JEECMS(14)
Jquery(9)
Linux(1)
Lua
Lucene
Mysql
Resin(1)
Spring(1)
SSO(1)
Struts(4)
Tomcat(2)
代码管理(3)
数据库(3)
心得体会(9)
杂记(10)
Link
JC
九
九九
能能大叔
晓峰哥
志志
最新评论
1. Re:百度Ueditor在线编辑器的配置和图片上传
哥们,你好
请问,编辑的内容包括图片,上传到服务器的格式是什么,服务器如何得到图片
另外,有asp mvc 现成的代码么
谢谢
--We_Are_Friends!
2. Re:Data truncation: Data too long for column 'id' at row 1
貌似解决不了批处理executeBatch()的相同异常...
--mengrennwpu
3. Re:链式编程----可以为你省去很多重复的代码
如果再加上泛型的话,代码就更加叼了
--愤怒的TryCatch
4. Re:链式编程----可以为你省去很多重复的代码
如果再加上泛型的话,代码就更加叼了
--我们的阳光很盐
5. Re:链式编程----可以为你省去很多重复的代码
如果再加上泛型的话,代码就更加叼了
--kk_cockroach
阅读排行榜
1. JSON--List集合转换成JSON对象(146445)
2. 百度Ueditor在线编辑器的配置和图片上传(92021)
3. SVN客户端无法连接服务器的问题(34990)
4. Oracle起步---创建临时表空间/表空间/创建用户/授权(26163)
5. Data truncation: Data too long for column 'id' at row 1(19129)
推荐排行榜
1. SVN客户端无法连接服务器的问题(3)
2. JSON--List集合转换成JSON对象(3)
3. 链式编程----可以为你省去很多重复的代码(2)
4. Oracle起步---创建临时表空间/表空间/创建用户/授权(1)
5. 用js判断页面是否加载完成(1)
Copyright ©2016 MuaRine
可以,在设置里面加上pdf格式的就行
只是传文件的话,不能传可以改后缀名 txt jpg png …………
保险公司交够10年后,能退还本金吗?
无论哪家保险公司,保险产品种类繁多,有些保险产品十年后就可以退还本金,但有些产品不能退还本金。判断本金是否可以被归还并不困难。当我们看产品效益展示时,只需要注意产品的现金价值。以以下保险为例:每年支付5000元,第10年的现金价值只有27853.1元,而通用账户的现金价值仍是论证的,实际价值取决于...
我想为我父母买一份保险,大家推荐下险种。
给父母买保险,推荐买的险种有重疾险、百万医疗险和意外险,如果因为父母年纪过大、身体状况欠佳买不了重疾险和百万医疗险的话,那么可以用防癌险来做代替,具体每个险种的购买注意事项,下文我会帮大家分析。在开始之前,这份关于给父母买保险的投保攻略,建议大家收藏:【老人保险】有哪些,给父母买什么...
为什么女不能随便戴观音
女不能随便戴观音是因为观音是男士的保护神,女子戴上的话祈福保佑的效果不好,还可能起到相反的作用。人们都说“人养玉,玉养人”,身体好的话长期佩戴可以滋润玉,玉的水头也就是折光度会越来越好,越来越亮。古今都有说辞玉逢凶化吉保平安,但大多数朋友却不懂戴玉有什么讲究,要知道玉可不能随...
不想再交保险费了,保险公司能退回多少钱啊?
如果是犹豫期内退保的话,保险公司一般会扣除10元左右的工本费后退还所交保费。要是犹豫期后退保,一般都是退现金价值。想知道自己能退多少钱,可以看看买的那款保险的现金价值表。学姐整理了退保时需要注意的事项,小伙伴们退保前一定要看看:
家里不能种的五种树
松树、柏树、杜梨、杨树、桑树。具体原因如下:家里不能养松树,是因为松树在生长过程中需要充足的光照,松树本身适应力较强,因而能够在各种类型土壤中生长.但土壤仍会对松树生长的态势产生直接的影响,所以应尽量选择肥沃土壤区域种植.才能够保证松树的健康生长。柏树因为经常种植在墓地,所以人们不会在家...
平安万能险5000交一年能领取多少?
平安万能险一年交5000,交费期满后能领取多少是根据保险产品来看的。不同产品,所交保费和能领取的账户价值也不一样。具体的领取金额还跟被保人的年龄、所交保费、保额、结算利率等有关。想买平安保险公司万能险产品的小伙伴,建议在投保前点击下方文章先看看这家公司的产品怎么样:平安人寿怎么样,有哪些...
家里不能种的五种树
松树、柏树、杜梨、杨树、桑树。具体原因如下:家里不能养松树,是因为松树在生长过程中需要充足的光照,松树本身适应力较强,因而能够在各种类型土壤中生长.但土壤仍会对松树生长的态势产生直接的影响,所以应尽量选择肥沃土壤区域种植.才能够保证松树的健康生长。柏树因为经常种植在墓地,所以人们不会在家...
穰希肾炎: 若百度翻译不能上传PDF,则可以利用其它方法方法进行上传PDF.在此介绍一种可替代由百度翻译上传PDF的解决方法.方法如下: 一、下载并安装 Adobe Acrobat 8 Professional或最新版本,Google Chrome 浏览器. 二、用Adobe ...
博野县17270938898: ueditor怎么配置文件上传 - ?
穰希肾炎: 1.将ueditor的几个jar包加入项目2在ueditor.config.js中配置几个url3.在后台创建探测连接的接口,让其指向controller.jsp,这里使用的是springMVC4.创建图片上传的方法5.初始化ueditor
博野县17270938898: java可以将ueditor中的内容生成pdf吗 - ?
穰希肾炎: 可以.将编辑器中的文件存入数据库中,然后再html5页面加载数据库中的文件,在html5页面中定义一个div,div.innerhtml=数据库中的文件.string content="<div>this is test</div>"; string html="<html>" html+="<body>"; html+=content; html+="</body>"; html+="</html>"; File.WriteAllText("xxxx.html",html);
博野县17270938898: 百度文库能上传电子书吗 - ?
穰希肾炎: 楼主你好,百度文库可以上传电子书的.目前,百度文库除了上传视频功能未开放,其他功能基本都开放了!上传电子书也是可以的,但前提是不能侵犯别人的版权,以及在文库的数据库中,还没有你要上传的电子书,如果已经有人上传了,那么你上传时是不会成功的.
博野县17270938898: 百度编辑器ueditor IIS伪静态后,图片上传功能不能使用,什么问题? - ?
穰希肾炎: 你的上传文件配置请求有误. 你要先确定自己使用的服务端版本是jsp/php/asp 然后将ueditor项目按照正确的部署路径和配置部署到指定的Apache、tomcat或者iis上 如果你使用的服务端是Python或者nodejs神马其他的语言的话,需要参考相关以上版本代码进行简单开发 ( 我用的nodejs版本 ) 如果你对于服务器是啥都没有概念的话, 建议你找周边懂得的帮你部署.
博野县17270938898: 百度 Ueditor 1.4.3 Asp 版 上传图片 失败怎么解决 - ?
穰希肾炎: 一,检查上传组件是否支持,二,检查上传内容是否超过最大限定值 三,检查上传代码,看看保存目录是否存在,路径是否正确
博野县17270938898: 百度的Ueditor插件的附件上传功能可不可以动态指定上传路径 - ?
穰希肾炎: 调整上传文件大小限制,在asp文件夹下的config.json里面进行设置
博野县17270938898: 如何更改ueditor的上传路径 - ?
穰希肾炎: 百度编辑器ueditor功能强大,很多人士以应用项目开发中,但是里面有一个公众的问题就是上传图片存放目录太深,默认是ueditor/php/upload下,前不久测试后图片存放目录可以改变,但是路径会出现问题.现分享下图片自定义存放目录和路径...
博野县17270938898: 百度编辑器ueditor怎么获取内容 - ?
穰希肾炎: 使用UEditor创建一个编辑器还是很简单的一件事情,首先就是引入俩个js文件,分别为editor_config.js和editor_all.js.然后就是js创建一个可编辑区域,用来创建编辑器,需要注明id,类型为text/plain,最后实例化编辑器即可 如果将UEditor应用到项目中我们还需要对编辑器的路径进行设置.我们打开editor_config.js文件,找到window.UEDITOR_HOME_URL,然后配置编辑器所在文件的路径,这个路径可以是绝对路径也可以是相对路径.此处的配置仅对这个编辑器起作用,如果你使用了多个UEditor则需要分别进行设置.
博野县17270938898: 用百度UEditor,提交表单数据POST到控制器方法? - ?
穰希肾炎: 1、从UEditor获取数据在后台2、在后台中通过SQL往数据库中填充数据就解决了.百度编辑器ueditor调用使用方法:1、官方下载最新ASP版本,解压后文件夹自行修改,建议放在根目录下(如下图)2、用记事本打开\bdu123\asp\config.json文...