ajaxfileupload.js问题汇总及解决附修复版下载（转）

_小女子_ 2014-02-08

展开全文

使用Jquery做上传文件处理时，用到了ajaxfileupload.js 这个第三方代码，但是这个js几乎就是半成品，问题很多。现在整理如下并附修复版的ajaxfileupload.js下载。

问题：
1：无法带参数提交，只能上传文件；
2：运行时报：jQuery.handleError is not a function 错误；
3：执行成功后，始终指向error方法处理，无法执行sucess方法；

解决方法：
1：无法带参数提交，只能上传文件；
原作者一定是把这个代码当作练习来写的，只完成了文件提交这个功能。需要对代码做些许修改即可。有两处修改：
第一处是将原createUploadForm: function(id, fileElementId) 方法添加一个data参数，并将data中的数据拼接进去即可。代码如下：

<br />
    createUploadForm: function(id, fileElementId,data) {<br />
    //create form<br />
    var formId = &#39;jUploadForm' + id;<br />
    var fileId = &#39;jUploadFile' + id;<br />
    var form = jQuery(&#39;<form
 action="" method="POST" 
name="' + formId + '" 
id="' + formId + '" 
enctype="multipart/form-data"></form>');<br
 />
    var oldElement = jQuery(&#39;#' + fileElementId);<br />
    var newElement = jQuery(oldElement).clone();<br />
    jQuery(oldElement).attr(&#39;id', fileId);<br />
    jQuery(oldElement).before(newElement);<br />
    jQuery(oldElement).appendTo(form);
</p>
 
<p>
    /***** 增加参数的支持 *****/<br />
    if (data) {<br />
    for (var i in data) {<br />
    $(&#39;<input
 type="hidden" name="' + i + 
'" value="' + data[i] + 
'" />').appendTo(form);<br />
    }<br />
    }
</p>
 
<p>
    //set attributes<br />
    jQuery(form).css(&#39;position', 'absolute');<br />
    jQuery(form).css(&#39;top', '-1200px');<br />
    jQuery(form).css(&#39;left', '-1200px');<br />
    jQuery(form).appendTo(&#39;body');<br />
    return form;<br />
    },<br />
    