ajaxfileupload 始终不执行success 只执行error方法；SyntaxError: expected expression, got '<

来源：互联网发布：模拟退火算法的伪代码编辑：程序博客网时间：2024/06/10 16:13

用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>标签

这下就好办了，只要把标签去掉就行。去掉标签的方法上面两篇文章都有。因此不多说。我是按第二篇文章的方法处理的。

下面是代码

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>

1 1