本文出自:http://blog.csdn.net/bossin2014/article/details/45026381
用ajaxFileUpload实现图片上传,图片已经成功上传,json也有返回,xml也正确配置。但是在jsp中ajaxFileUpload始终执行error方法。
用来碰巧将ajaxFileUpload 中的error方法改写成以下的样子(如果您已知道您报的是什么错,请无视这一部分。只是写给跟我一样的很白很白的小白)
- error:function(data,status,e){
- alert(e);
- }
再次执行后,出现上面的窗口。这下可开心了。因为之前问度娘说为何总是执行error时,得到的答案不是说jquery版本太高了,要1.4.2以下才能;不然就说是ajaxFileUpload源文件中要怎么怎么改。附上图,也许对你有用
针对 SyntaxError: expected expression, got '< 这个错误,我搜索到两篇文章,虽然不能直接解决我的问题,但也间接解决了我的问题。也许对你也有用
http://liwx2000.iteye.com/blog/1540321
http://witcheryne.iteye.com/blog/406574
看了第二篇文章后,我也开始用firebug 跟踪数据: 在error方法中添加console.info(data);
这是action返回给jsp的:
这是Firefox中看到的
看!果然也是因为多了<pre></pre>标签
这下就好办了,只要把标签去掉就行。去掉标签的方法上面两篇文章都有。因此不多说。我是按第二篇文章的方法处理的。
下面是代码
js
- function ajaxFileUpload(){
- $.ajaxFileUpload({
- url:"<%=path%>/file/imageupload.action?imgtype=lecturer",
- secureuri:false,
- dataType:"json",
- fileElementId:"uploadFile",
- success:function(data,status){
- console.info("3333333"+ data);
- if(data.flag==true){
- alert(data.msg);
- $('#uploadDialog').dialog('close');
- }else{
- alert(data.msg);
- $('#uploadDialog').dialog('close');
- }
- },
- error:function(data,status,e){
- console.info("1111111"+data);
- alert(e);
- }
- });
- }
ajaxFileUpload.js
- uploadHttpData: function( r, type ) {
- var data = !type;
- data = type == "xml" || data ? r.responseXML : r.responseText;
- // If the type is "script", eval it in global context
- if ( type == "script" )
- jQuery.globalEval( data );
- // Get the JavaScript object, if JSON is used.
- if ( type == "json" ) {
- //以下是新增的代码
- if(data.indexOf('<pre>') != -1) {
- data = data.substring(5, data.length-6);
- }
- //以上是新增的代码
- eval( "data = " + data );
- }
- // evaluate scripts within html
- if ( type == "html" )
- jQuery("<div>").html(data).evalScripts();
- //alert($('param', data).each(function(){alert($(this).attr('value'));}));
- return data;
- }
这里做新增代码处理即可,其他的不用改变
FileAction
- public class FileAction extends ActionSupport{
- private static final long serialVersionUID = 8224125473579297368L;
- private File file; //上传的文件
- private String fileFileName; //上传的文件名
- private JSONObject resultObj = null;
- public String imageupload() throws Exception {
- //这里实现上传图片功能
- String path = null;
- String message = null;
- boolean flag = false;
- JSONObject json = new JSONObject();
- json.put("msg", message);
- json.put("path", path);
- json.put("flag", flag);
- setResultObj(json);
- return SUCCESS;
- }
这里的resultObj不能定义为String,也就是说不能向前台传json字符串,否则data.flag即使是true,data.flag==true也不会成立
struts.xml
- <span style="font-size:18px;"> <package name="file" extends="json-default" namespace="/file">
- <action name="imageupload" class="com.bossin.common.action.FileAction" method="imageupload">
- <result name="success" type="json">
- <param name="root">resultObj</param>
- </result>
- </action>
- </package></span>