更改頭像功能

Question

這是頭像更改和上傳。當我點擊「上傳新圖像」按鈕時，會出現瀏覽窗口，然後我選擇一個頭像，然後選擇頭像將顯示。這個功能可能在JQuery中？

我嘗試： http://jsfiddle.net/anglimass/uBGpR/

有人請幫助我！

感謝

Answer 1

這可以通過使用AJAX Upload jQuery插件來完成。

開始與包括jQuery和插件：

<script src="/js/jquery.min.js" type="text/javascript"></script> 
<script src="/js/ajaxupload.js" type="text/javascript"></script> 

最終的JavaScript：

$(document).ready(function(){ 

    var thumb = $('img#thumb'); 

    new AjaxUpload('imageUpload', { 
    action: $('form#newHotnessForm').attr('action'), 
    name: 'image', 
    onSubmit: function(file, extension) { 
     $('div.preview').addClass('loading'); 
    }, 
    onComplete: function(file, response) { 
     thumb.load(function(){ 
     $('div.preview').removeClass('loading'); 
     thumb.unbind(); 
     }); 
     thumb.attr('src', response); 
    } 
    }); 
}); 

此示例來自this very good tutorial服用。