文章类型: .NET
关键词: UMeditor,.net,图片上传失败,Uploader,解决,方法
内容摘要: 使用UMEDITOR上传图片一直提示上传失败

使用UMEDITOR上传图片一直提示上传失败的解决办法

2016/5/15 0:29:11    来源:apple    阅读:

使用百度的UMeditor时,在本地开发一直都是好的,编译发布到服务器上后,在使用它上传图片时,一直提示上传失败,查资料得到以下解决途径,尝试着解决这个错误:

1、

其说法是:貌似是官方的bug,不知道为什么一直不修复。

修改image.js里的186行左右,添加一行

r=r.replace(“<pre>”, “”).replace(“</pre>”, “”);var json = eval(‘(‘+r+’)');

var json = eval(‘(‘+r+’)');

2、用到百度的UMeditor(后面简称UM),在上传图片时遇到选择本地图片时,页面没有任何反应,也没有提示错误。先用浏览器ff查看,发现post里面有图片的二进制流,而用到百度的UMeditor(后面简称UM),在上传图片时遇到选择本地图片时,页面没有任何反应,也没有提示错误。先用浏览器ff查看,发现post里面有图片的二进制流,而且路径是对的。但是返回是空的json:

{"name":"", "originalName": "", "size": , "state": "", "type": "", "url": ""}

以为UM也像UE(UEditor)一样需要配置config.js。查官网发现不需要配置。

百度“UMeditor 上传图片”之类的,发现返回的都是UE的东西(不知道是UM的内容少还是百度没抓到)。

还好比较闲,正好勾起了我的解决欲,因为UM有源码,上传部分主要用到image.js(页面上传插件)+imageUp.jsp(接收上传请求)+Uploader.Java(处理请求)。

debug进去,发现在Uploader.java代码里面,获取不到上传文件:

FileItemIterator fii = sfu.getItemIterator(this.request); while (fii.hasNext()) { FileItemStream fis = fii.next();

FileItemIterator是 commons-fileupload 包的类,看名字大概是遍历多文件上传。但是在fii.hasNext()一直返回false。这就是问题所在。

因为后台用到struts2,,在web.xml里面有配struts2的filter,是不是struts2把文件“搞丢了”,还是百度吧,百度“FileItemIterator  hasNext”,这回精确查找,确实看到了解决方案。

在struts.xml中加入过滤条件,给UM的请求路径“绿色通道”

<constant name="struts.action.excludePattern" value="/emeditor/.*" />

在.net版本也发现了问题所在,在/net/imageup.ashx里BuildJson方法中发现list转成数组语法不对,改成fields.ToArray()就没问题了。


但是上述的解决办法使用后均还是提示上传失败,受到一篇文章(关于百度富文本编辑器ueditor的.NET版本地图片上传提示uploader类同时存在于两个dll中的解决方法)的启发,尝试着使用其方法试一下,但是在.net的环境中无法把ueditor的net文件夹下的Uploader.cs文件的生成操作属性默认是“编辑”,只需要将这个文件的生成操作属性改为“内容”。于是又对文件“image.js”中的代码

uploadComplete: function(r){
			//alert(r);调试错误,找到原因了,Uploader.cs文件编译后没有了,这里还要用到它
            var me = this;
            try{
				r=r.replace("<pre>", "").replace("</pre>", "");
                var json = eval('('+r+')');
				//alert(json.url);调试这里没有啥问题看出来
                Base.callback(me.editor, me.dialog, json.url, json.state);
            }catch (e){
                var lang = me.editor.getLang('image');
                Base.callback(me.editor, me.dialog, '', (lang && lang.uploadError) || 'Error!');
            }
        },

进行调试,给出的提示显示里面出现了错误。经过分析,应该是Uploader.cs这个问题的原因,在服务器上找这个文件发现没有,分析是不是编译到库文件(.dll)中了,尝试着把Uploader.cs文件加进去,结果成功了。高兴的不知道咋说了,看来就是VS没有把Uploader.cs这个文件编译进去,我只能这样暂时理解了。万事大吉,搞定。关于百度的UEditor与UMeditor的使用方法,不清楚使用的可以下面留言,可以协助帮您解决。

↑ 上一篇文章:关于百度富文本编辑器ueditor的.NET版本地图片上传提示uploader类同时存在于两个dll中的解决方法 关键词:百度,富文本编辑器,ueditor,.NET,Uploa.. 发布日期:2016/5/15 0:01:37
↓ 下一篇文章:VC++阅读源代码方法 关键词:C++,VC++,源代码,方法,记笔记软件,阅读,编程技巧 发布日期:2016/7/26 14:31:06
相关文章:
关于百度富文本编辑器ueditor的.NET版本地图片上传提示uploader类同时存在于两个dll中的解决方法 关键词:百度,富文本编辑器,ueditor,.NET,Uploader类型同时存在两个dll中,uplo.. 发布日期:2016-05-15 00:01
检测到在集成的托管管道模式下不适用的ASP.NET设置的解决方法(非简单设置为【经典】模式) 关键词:检测到在集成的托管管道模式下不适用的ASP.NET设置的解决方法(非简单设置为【经典】模式) 发布日期:2017-01-04 20:50
.net报“System.MissingMethodException: Method not found(找不到方法)”错误的解决方法 关键词:.net,System,MissingMethodException,Method,not,fo.. 发布日期:2018-09-14 15:48
相关目录:.NETJAVA软件开发
我要评论
正在加载评论信息......