百度ueditor能不能上传pdf

作者&投稿:房沾 (若有异议请与网页底部的电邮联系)
百度 Ueditor 在线编辑器 无法上传图片或者文件 提示上传错误~

用网页编辑工具打开百度编辑器这个文件: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,交费期满后能领取多少是根据保险产品来看的。不同产品,所交保费和能领取的账户价值也不一样。具体的领取金额还跟被保人的年龄、所交保费、保额、结算利率等有关。想买平安保险公司万能险产品的小伙伴,建议在投保前点击下方文章先看看这家公司的产品怎么样:平安人寿怎么样,有哪些...

家里不能种的五种树
松树、柏树、杜梨、杨树、桑树。具体原因如下:家里不能养松树,是因为松树在生长过程中需要充足的光照,松树本身适应力较强,因而能够在各种类型土壤中生长.但土壤仍会对松树生长的态势产生直接的影响,所以应尽量选择肥沃土壤区域种植.才能够保证松树的健康生长。柏树因为经常种植在墓地,所以人们不会在家...

博野县17270938898: 百度翻译在线为什么不能上传PDF了 -
穰希肾炎: 若百度翻译不能上传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文...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网