jquery使用ajax方式上传附件

一) 项目上需要，要用到jquery使用ajax方式上传附件的方式。 
经查找，得到一个名为ajaxFileUpload的插件。 
翻阅官方文档发现用法简单。 

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/ajaxfileupload.js"></script>

$.ajaxFileUpload({
    url: "teamwork/newTaskAttachmentUpload",
    secureuri: false,
    fileElementId: "attachment",
    dataType: "json",
    beforeSend: function() {

    },
    success: function(json) {
        alert(json.fileName);
    }
});

二) 使用发现dataType设置成"json"时success指定的函数是不能响应的。 
非常奇怪，经过Firebug调试得知，后端传来的json字符串被"<pre></pre>"包裹一下了。 
如：{"name":"应卓", "age":"30"}被包裹成了"<pre>{"name":"应卓", "age":"30"}</pre>" 
导致不能正确地生成json对象。 

具体原因未知，有可能是这个插件与jquery1.7.2不兼容所致。 

三) 由于这个插件的源码不是gzip压缩版本，还有修改的可能。 找出相对应的源码。 
源码修改如下，可解决问题。 

    // ......

    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" ) {
            // -------------------------------------------------------------
            // 哥修改的地方，加了一条语句。
            data = data.substring(5, data.indexOf("</pre>"));
            // -------------------------------------------------------------
            eval( "data = " + data );
        }
        // evaluate scripts within html
        if ( type == "html" )
            jQuery("<div>").html(data).evalScripts();

        return data;
    }
})