首先說的是這個外掛已經比較老了，但是如果你的專案對上傳要求不那麼高的話，或者僅僅只是作為個人專案裡面使用的話，我感覺還是可以的。

1.這個上傳外掛有一個比較嚴重的缺陷，那就是隻有第一次上傳的時候有效，第一次上傳之後再次上傳其他檔案都無效，那麼為什麼會這樣呢？開啟谷歌console就會看到

點進去看一下發現是缺少這個方法導致的js無法順序執行下面的方法。我們在jQuery.extend裡面加上方法，就會發現這個bug消失了。

handleError: function( s, xhr, status, e ){
    // If a local callback was specified, fire it
 
if ( s.error ) {
        s.error.call( s.context || s, xhr, status, e );
}

    // Fire the global callback
if ( s.global ) {
        (s.context ? jQuery(s.context) : jQuery.event).trigger( "ajaxError", [xhr, s, e] );
}
}

這個bug的出現原裡是因為該外掛上傳時其實時通過在頁面新建一個form來使用post請求傳圖片到後臺，因為缺少handelError的方法導致執行成功後無法remove掉該form，下次傳圖的時候還是會傳第一次上傳的圖片。我們加入這個方法後該方法順利執行就沒事了。但是一些老版本的jquery裡面是有該方法的，比較的新的jquery沒有這個方法。但是現在基本上都是用的比較新的，所以需要加上該方法，該外掛才能順利使用。

2.在ie的某些版本上該外掛無法使用，主要是裡面的createUploadIframe方法在建立iframe的方法在一些ie版本上不適用，所以我們修改一下該方法即可。

createUploadIframe: function(id, uri)
{
      //create frame
var frameId = 'jUploadFrame' + id;
if(window.ActiveXObject) {
                  if(jQuery.browser.version=="9.0" || jQuery.browser.version=="10.0"){  
                       var 
 
io = document.createElement('iframe');  
io.id = frameId;  
io.name = frameId;  
}else if(jQuery.browser.version=="6.0" || jQuery.browser.version=="7.0" || jQuery.browser.version=="8.0"){  
                       var io = document.createElement('<iframe id="' + frameId + '" name="' + frameId + '" />');  
if(typeof uri== 'boolean'){  
                           io.src = 'javascript:false';  
}  
                       else if(typeof uri== 'string'){  
                           io.src = uri;  
}  
                   }  
               } 
           else {
               var io = document.createElement('iframe');
io.id = frameId;
io.name = frameId;
}
           io.style.position = 'absolute';
io.style.top = '-1000px';
io.style.left = '-1000px';
document.body.appendChild(io);
return io
   }

最後附上該外掛所有原始碼，方便大家直接複製，就不上傳騙大家積分了。

jQuery.extend({

    handleError: function( s, xhr, status, e ){
        // If a local callback was specified, fire it
if ( s.error ) {
            s.error.call( s.context || s, xhr, status, e );
}

        // Fire the global callback
if ( s.global ) {
            (s.context ? jQuery(s.context) : jQuery.event).trigger( "ajaxError", [xhr, s, e] );
}
    },
createUploadIframe: function(id, uri)
   {
         //create frame
var frameId = 'jUploadFrame' + id;
if(window.ActiveXObject) {
                  if(jQuery.browser.version=="9.0" || jQuery.browser.version=="10.0"){  
                       var io = document.createElement('iframe');  
io.id = frameId;  
io.name = frameId;  
}else if(jQuery.browser.version=="6.0" || jQuery.browser.version=="7.0" || jQuery.browser.version=="8.0"){  
                       var io = document.createElement('<iframe id="' + frameId + '" name="' + frameId + '" />');  
if(typeof uri== 'boolean'){  
                           io.src = 'javascript:false';  
}  
                       else if(typeof uri== 'string'){  
                           io.src = uri;  
}  
                   }  
               } 
            else {
                var io = document.createElement('iframe');
io.id = frameId;
io.name = frameId;
}
            io.style.position = 'absolute';
io.style.top = '-1000px';
io.style.left = '-1000px';
document.body.appendChild(io);
return io
    },
createUploadForm: function(id, fileElementId)
   {
      //create form  
var formId = 'jUploadForm' + id;
var fileId = 'jUploadFile' + id;
var form = $('<form  action="" method="POST" name="' + formId + '" id="' + formId + '" enctype="multipart/form-data"></form>');    
var oldElement = $('#' + fileElementId);
var newElement = $(oldElement).clone();
$(oldElement).attr('id', fileId);
$(oldElement).before(newElement);
$(oldElement).appendTo(form);
//set attributes
$(form).css('position', 'absolute');
$(form).css('top', '-1200px');
$(form).css('left', '-1200px');
$(form).appendTo('body');     
return form;
},
ajaxFileUpload: function(s) {
        // TODO introduce global settings, allowing the client to modify them for all requests, not only timeout      
s = jQuery.extend({}, jQuery.ajaxSettings, s);
var id = s.fileElementId;        
var form = jQuery.createUploadForm(id, s.fileElementId);
var io = jQuery.createUploadIframe(id, s.secureuri);
var frameId = 'jUploadFrame' + id;
var formId = 'jUploadForm' + id;      
// Watch for a new set of requests
if ( s.global && ! jQuery.active++ )
      {
         jQuery.event.trigger( "ajaxStart" );
}            
        var requestDone = false;
// Create the request object
var xml = {}   
        if ( s.global )
            jQuery.event.trigger("ajaxSend", [xml, s]);
// Wait for a response to come back
var uploadCallback = function(isTimeout)
      {        
         var io = document.getElementById(frameId);
try 
{           
            if(io.contentWindow)
            {
                xml.responseText = io.contentWindow.document.body?io.contentWindow.document.body.innerHTML:null;
xml.responseXML = io.contentWindow.document.XMLDocument?io.contentWindow.document.XMLDocument:io.contentWindow.document;
}else if(io.contentDocument)
            {
                xml.responseText = io.contentDocument.document.body?io.contentDocument.document.body.innerHTML:null;
xml.responseXML = io.contentDocument.document.XMLDocument?io.contentDocument.document.XMLDocument:io.contentDocument.document;
}                 
            }catch(e)
         {
            jQuery.handleError(s, xml, null, e);
}
            if ( xml || isTimeout == "timeout") 
         {           
                requestDone = true;
var status;
try {
                    status = isTimeout != "timeout" ? "success" : "error";
// Make sure that the request was successful or notmodified
if ( status != "error" )
               {
                        // process the data (runs the xml through httpData regardless of callback)
var data = jQuery.uploadHttpData( xml, s.dataType );    
// If a local callback was specified, fire it and pass it the data
if ( s.success )
                            s.success( data, status );
// Fire the global callback
if( s.global )
                            jQuery.event.trigger( "ajaxSuccess", [xml, s] );
} else
jQuery.handleError(s, xml, status);
} catch(e) 
            {
                    status = "error";
jQuery.handleError(s, xml, status, e);
}

                // The request was completed
if( s.global )
                    jQuery.event.trigger( "ajaxComplete", [xml, s] );
// Handle the global AJAX counter
if ( s.global && ! --jQuery.active )
                    jQuery.event.trigger( "ajaxStop" );
// Process result
if ( s.complete )
                    s.complete(xml, status);
jQuery(io).unbind()

                setTimeout(function()
                           {  try 
{
                                 $(io).remove();
$(form).remove();  
} catch(e) 
                              {
                                 jQuery.handleError(s, xml, null, e);
}                          

                           }, 100)

                xml = null
}
        }
        // Timeout checker
if ( s.timeout > 0 ) 
      {
            setTimeout(function(){
                // Check to see if the request is still happening
if( !requestDone ) uploadCallback( "timeout" );
}, s.timeout);
}
        try 
{
           // var io = $('#' + frameId);
var form = $('#' + formId);
$(form).attr('action', s.url);
$(form).attr('method', 'POST');
$(form).attr('target', frameId);
if(form.encoding)
         {
                form.encoding = 'multipart/form-data';          
}
            else
{           
                form.enctype = 'multipart/form-data';
}        
            $(form).submit();
} catch(e) 
      {        
            jQuery.handleError(s, xml, null, e);
}
        if(window.attachEvent){
            document.getElementById(frameId).attachEvent('onload', uploadCallback);
}
        else{
            document.getElementById(frameId).addEventListener('load', uploadCallback, false);
}     
        return {abort: function () {}};    
},
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" )
            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;
}
})